html - How can I get things properly contained in a wrapper div? -
at cjshayward.com/index_new.html, there wrapper div around body's content, 1000 pixels wide, , works intended top 100 or pixels in chrome , firefox. next down page jquery ui set of tabs, containing fixed-width accordion , close jquery.load()ed plain old, simple html.
however, on "browse library" tab (but not "about author"), presently open , contains fixed-width accordion, below 100 or 150px down, area under tabs appears have same width window; has correct left margin, , horizontally scrolls apparently equal distance right. furthermore, body background tile not display; whole width white, specified wrapper div's interior.
how can "browse library" tab display intended (like "about author" tab does)?
thanks,
you're absolutely positioning way , that's ruining flow of things. i'll go through list of edits can make work.
/* #accordion , #details floated, we'll need clear #tabs. add property. */ #tabs { overflow: hidden; } /* remove absolute positioning #accordion, along top , left properties , instead. */ #accordion { float: left; width: 400px; /* exists */ margin: 0 10px 0 0; } /* remove absolute positioning #details, along top , left properties , instead. */ #details { float: left; width: 580px; }
this lot closer. should try avoid using height on these elements. let content dictate height.
here ended making edits: http://i.imgur.com/niizuor.png
Comments
Post a Comment