Thanks Gunlaung, I modified the CSS based on your suggestions and your magic works :)
The question I have is that if we need to keep the panel sequence i.e. panel1, content, panel2, what do we need to sacrifice? Will it need to be fixed positions? Regards, Sohail On 5/20/08, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Sohail Aboobaker wrote: > >> Gurus, >> >> We are trying to design a simple CSS based layout but it turns out >> nothing is as simple :). The design can be seen at >> http://www.newwavecell.com/design/Index.html >> >> There are two issues: >> >> a. The border lines are broken when we scroll down using IE. It works >> fine with Mozilla. >> > > Add... > > #content {position: relative;} > > ...to correct IE's stacking bugs. > > b. The content in third column always shows up in the bottom and we >> can't make it to appear at the top. >> > > Rearrange markup so you have... > > <div id="pannelone"> > ..... > </div> > > <div id="panneltwo"> > ..... > </div> > <div id="content"> > ..... > </div> > <div id="footer"> > ..... > </div> > > > ...as that's the only order that'll work with such a "margin-centered in > the flow" main-content column. Both floating columns must come first in > the source-code. > > > Also, add... > > #pannelone {clear: both;} > > ...to prevent the line-up from breaking in decent browsers when > subjected to font-resizing. > > regards > Georg > -- > http://www.gunlaug.no > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
