f**king IE!!
- Started
- Last post
- 10 Responses
- phatrick
ok...i'm about to pull what's left of my hair out because of IE! i know it's a massive undertaking doing a site in pure css (and i admit i used a table here and there.... BUT) ...minor link colors and stuff aside, why is there a huge white gap appearing between the header blue div and the subsequent green and orange div's? i know ie's box model deals with heights and widths different, but this gap is ridiculously huge! somewhat...HELP!! here's the staged site: http://www.agnstaging.com/patric…
- phatrick0
someone?!
- Mick0
Have you tried adding borders to all your header divs to see if you can see the offender?
When you drag over the right of that space you can see a big space of some kind being selected.
- mg330
it's not a massive undertaking, and why did you use a table there and there, for what?
- acescence0
it has something to do with the heights of your divs. try setting line-height to 0 in empty divs
- phatrick0
mick & acescence, thanks for the suggestions...i'll try those out to seek out the offenders....i say it's a massive undertaking because of all of the browser caveats in a layout that's not exactly simple...
- mg330
Site looks nice btw!
Amarillo by mornin'
But yor problem is with the space above the green nav bar in IE, right?
Try tossing this in there somewhere, I think it's the fix that solves that strange problem between FF and IE
voice-family: "\"}\"";
voice-family:inherit;
height:14px; /* the correct height */
- liquid0
that and the top nav functions weird in IE6. It doesn't hold opacity like FF and it doesn't allow for a smooth transition between nav elements. It seems to render each time. I don't know if that can be fixed though.
- phatrick0
yeah this is curious...i'm going to have to look at the AlphaImageLoader in the stylesheet concerning the opacity. i had it working last week, but apparently little goblins have wrecked havoc on the code that worked...i'm still working on the height issue. i've got it down to 3 pixels, am about to put borders on all of those classes to (hopefully) see which one is offending...i really hate to say it, but a time crunch might just cause me to go with a *gasp*....table. =(
- instantok0
instead of putting borders on things you could just install the web developer toolbar for ie and tell it to outline certain elements until you find what's what. it may go a little faster
- phatrick0
well i'm found out the offending div, but now i can't seem to figure out exactly what's going on...so, for the time being, i'm going to just comment it out (which still allows the content to render fine) and then i'll troubleshoot that when i get to it...i just hope i'm not shooting myself in the foot by not taking care of this now...btw -- the screwy div (it seems) is "headuppernavrow3"...