Center an image in main content while having a fixed sidebar
up vote
0
down vote
favorite
I have a sidebar navigation, and I'm trying to center an image in the main content (everything but the sidebar), but nothing I try works.
How can I center an image in the main content of my site, while having a fixed sidebar, where the image will stay centered even if I resize the page (make the site full screen, or half screen, etc.)?
html css sidebar
edited Nov 10 at 21:33
user6910411
32.4k86793
asked Nov 10 at 18:56
Mango Tango
1
add a comment |
up vote
0
down vote
favorite
I have a sidebar navigation, and I'm trying to center an image in the main content (everything but the sidebar), but nothing I try works.
How can I center an image in the main content of my site, while having a fixed sidebar, where the image will stay centered even if I resize the page (make the site full screen, or half screen, etc.)?
html css sidebar
edited Nov 10 at 21:33
user6910411
32.4k86793
asked Nov 10 at 18:56
Mango Tango
1
1
Would it be possible for you to post the code that you have attempted so that we can see where things are going wrong for you?
– Danny
Nov 10 at 19:05
Check out How to Ask and help center for some helpful info.
– LAD
Nov 10 at 19:53
Provide the html and css you have so far.
– Razvan Zamfir
Nov 10 at 22:01
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I have a sidebar navigation, and I'm trying to center an image in the main content (everything but the sidebar), but nothing I try works.
How can I center an image in the main content of my site, while having a fixed sidebar, where the image will stay centered even if I resize the page (make the site full screen, or half screen, etc.)?
html css sidebar
edited Nov 10 at 21:33
user6910411
32.4k86793
asked Nov 10 at 18:56
Mango Tango
1
I have a sidebar navigation, and I'm trying to center an image in the main content (everything but the sidebar), but nothing I try works.
How can I center an image in the main content of my site, while having a fixed sidebar, where the image will stay centered even if I resize the page (make the site full screen, or half screen, etc.)?
html css sidebar
html css sidebar
edited Nov 10 at 21:33
user6910411
32.4k86793
asked Nov 10 at 18:56
Mango Tango
1
edited Nov 10 at 21:33
user6910411
32.4k86793
asked Nov 10 at 18:56
Mango Tango
1
edited Nov 10 at 21:33
user6910411
32.4k86793
edited Nov 10 at 21:33
user6910411
32.4k86793
edited Nov 10 at 21:33
user6910411
32.4k86793
32.4k86793
asked Nov 10 at 18:56
Mango Tango
1
asked Nov 10 at 18:56
Mango Tango
1
asked Nov 10 at 18:56
Mango Tango
1
1
1
Would it be possible for you to post the code that you have attempted so that we can see where things are going wrong for you?
– Danny
Nov 10 at 19:05
Check out How to Ask and help center for some helpful info.
– LAD
Nov 10 at 19:53
Provide the html and css you have so far.
– Razvan Zamfir
Nov 10 at 22:01
add a comment |
1
Would it be possible for you to post the code that you have attempted so that we can see where things are going wrong for you?
– Danny
Nov 10 at 19:05
Check out How to Ask and help center for some helpful info.
– LAD
Nov 10 at 19:53
Provide the html and css you have so far.
– Razvan Zamfir
Nov 10 at 22:01
1
1
Would it be possible for you to post the code that you have attempted so that we can see where things are going wrong for you?
– Danny
Nov 10 at 19:05
Would it be possible for you to post the code that you have attempted so that we can see where things are going wrong for you?
– Danny
Nov 10 at 19:05
Check out How to Ask and help center for some helpful info.
– LAD
Nov 10 at 19:53
Check out How to Ask and help center for some helpful info.
– LAD
Nov 10 at 19:53
Provide the html and css you have so far.
– Razvan Zamfir
Nov 10 at 22:01
Provide the html and css you have so far.
– Razvan Zamfir
Nov 10 at 22:01
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
You can try to set these styles for the image:
display:block;
margin:0 auto;
edited Nov 11 at 7:52
Foo
1
answered Nov 10 at 19:00
Ali Naeimi
450512
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242360%2fcenter-an-image-in-main-content-while-having-a-fixed-sidebar%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
You can try to set these styles for the image:
display:block;
margin:0 auto;
edited Nov 11 at 7:52
Foo
1
answered Nov 10 at 19:00
Ali Naeimi
450512
add a comment |
up vote
0
down vote
You can try to set these styles for the image:
display:block;
margin:0 auto;
edited Nov 11 at 7:52
Foo
1
answered Nov 10 at 19:00
Ali Naeimi
450512
add a comment |
up vote
0
down vote
up vote
0
down vote
You can try to set these styles for the image:
display:block;
margin:0 auto;
edited Nov 11 at 7:52
Foo
1
answered Nov 10 at 19:00
Ali Naeimi
450512
You can try to set these styles for the image:
display:block;
margin:0 auto;
edited Nov 11 at 7:52
Foo
1
answered Nov 10 at 19:00
Ali Naeimi
450512
edited Nov 11 at 7:52
Foo
1
edited Nov 11 at 7:52
Foo
1
edited Nov 11 at 7:52
Foo
1
1
answered Nov 10 at 19:00
Ali Naeimi
450512
answered Nov 10 at 19:00
Ali Naeimi
450512
answered Nov 10 at 19:00
Ali Naeimi
450512
450512
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242360%2fcenter-an-image-in-main-content-while-having-a-fixed-sidebar%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Would it be possible for you to post the code that you have attempted so that we can see where things are going wrong for you?
– Danny
Nov 10 at 19:05
Check out How to Ask and help center for some helpful info.
– LAD
Nov 10 at 19:53
Provide the html and css you have so far.
– Razvan Zamfir
Nov 10 at 22:01