Previous Message
Next Message

[css-d] Problems in IE on my first (all) CSS site

Sent by Big John on 19 March 2003 20:08


Scott Haefner wrote:
> This is my first msg. after lurking for a month or so.  
> http://scotthaefner.com/test.html
> http://scotthaefner.com/components/normal.css (linked - NN4)
> http://scotthaefner.com/components/screen.css (imported from normal.css -
> compliant browsers)

Welcome to the list!

> I've learned just enough from this list, the web, and a couple 
> books by Eric to create my first all CSS, table-less design, 
> and I have a few lingering problems that I can't figure out. 
> All of the problems manifest themselves in IE (v 5, 5.5, 6).
> 
> http://scotthaefner.com/ie6.gif - screenshot showing the problems:
> 
> 1. content text 'overflows' into the footer.

That doesn't happen in IE5.5/win, so I can't help there.

> 2. I have a grey border specified to draw around all 4 sides of the Fedex
> address blocks, but it's not being rendered along the top edge.

An IE border bug. It's triggered by making that element 'relative'.
Since there seems no reason to do that, try removing it.

> 3. the textsize block is being rendered at the bottom of the page even
> though it's contained within a relative-positioned block in the header.  On
> IE 5.2 OSX, it renders above the viewport.

It's due to using 'bottom' to position it. You need to assign 
a 'width' to the container to make it work in IE. See this demo:

http://www.positioniseverything.net/abs_relbugs.html

IE5/mac thinks the container is 0px high when placing AP boxes.
Oddly, Op6 is almost right. (?)

> None of these problems show up in Mozilla or Safari.

Yup. Safari does have bugs, but not these. Moz is nearly bug-free.
Big John



=====
^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
|    Perennial student + Impractical joker + CSS junkie = Big John    |
| XXXXXXXXXXX <http://www.positioniseverything.net> XXXXXXXXXXXXXXXXX |
| XXXXXXXXXXXXX <http://users.rraz.net/mc_on_the_rocks/> XXXXXXXXXXXX |
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^

__________________________________________________
Do you Yahoo!?
Yahoo! Platinum - Watch CBS' NCAA March Madness, live on your desktop!
http://platinum.yahoo.com
Previous Message
Next Message

Message thread:

Possibly related: