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

Popular posts from this blog

How do I check if an insert was successful with MySQLdb in Python? -

delphi - blogger via idHTTP : error 400 bad request -

postgresql - ERROR: operator is not unique: unknown + unknown -