Previous Message
Next Message

Gap in border - IE6

Sent by Zoe M. Gillenwater on 5 November 2004 12:12


Emily Tarrant wrote:

> I'm at the end of my tether here. I've been working on a small site 
> for my brother and everything was lovely (thanks to help from this 
> list). Tonight I have tried to add another item to one of the pages, 
> which resulted in some problems with the floats. I've managed to get 
> everything looking almost ok - but have now got a gap in the border in 
> IE6 as a result of putting in height: 100%; in #content.
>
> Is there any way around this? I've validated xhtml and css.
>
> xhtml: http://www.pokershirts.freeuk.com/tshirts.html
> css: http://www.pokershirts.freeuk.com/styles/main.css


Add this to your style sheet:

/* hide from MacIE \*/
* html #nav {
    margin-right: -3px;
    }
* html #content {
    height: 1%;
    margin-left: 0;
    }
/* end hide */

You have a Three Pixel Gap:
http://www.positioniseverything.net/explorer/threepxtest.html

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: