>This is my first attempt at web design and I am having some trouble
>with differences between IE 6 and FireFox. There seems to be a large
>gap between the header div and the contentwrap div in FireFox and a
>smaller one in IE 6. I don't want any gap at all, you will see there
>is a one pixel white border which was supposed to simulate a gap. I'm
>not sure why there is a space between the two divs. In FireFox the
>content div seems to be a few pixels shorter in width than  the header
>and footer divs as well.


Hi Brian,

I've played around with your problem and was able to get it to render 
properly on Firefox.  More work would be needed for IE.  But 
essentially...

you don't want to attach your borders to your columns.  But attach them 
to column wrappers instead.  Since you want your left border and right 
border to tile all the way down, you need to add two column wrapper 
divs -- one for attaching the left border to, and one for attaching the 
right border to.  Also need to float your center column.  I believe I 
also had to add some clearing divs.

-artcoder (at)
http://webmarksonline.com


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to