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

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -