html - css margin/aligning issue -
html - css margin/aligning issue -
i'll seek explain best can ;) basically, have sidebar <div id="sidebar"></div>
floated leftside , has fixed position. planned have div after contain content, problem that, because sidebar has fixed position div expect after (to right side) appearing behind sidebar. issue, because need utilize margin-left: 310px
(310px width of sidebar) create div appear after sidebar, instead of occupying 100% width left on page without sidebar's 310px occupies total page , causes align problems.
it's hard explain, if visit page http://freshbeer.lv/development/en/ can see white div, has margin-left: 310px;
, width: 100%;
within there gray div width:700px;
, margin: 0 auto;
. expect gray div aligned in middle between 2 images @ background, white div occupying more space needed doesn't happen. suggest solution please?
maybe misunderstanding question, in #container
can either remove width: 100%
or alter width: auto
.
the problem is getting width of parent container (which if go far plenty taking width of browser window) , adding margin. 100% + 310px. hence reason 310px wider browser window.
html css
Comments
Post a Comment