is there a good reason IE screws up my footer?

liunx

Guest
<!-- m --><a class="postlink" href="http://hive-dev.net/">http://hive-dev.net/</a><!-- m -->

see title.

i cant seem to find a good reason.

any help would be much appriciated

regards
-Chris

[edit]
oh, and where do the extra 2px on the div under my logo come from in IE?
//sortedbumpHmm, perhaps its from these color definitions in your CSS?

#foot
{
height: 48px;
border-top: 1px solid #000;
position: relative;
bottom: 0px;
background: #ea5a27;
text-align: center;
color: #fff;
}

That's the only reason I could see. I didn't really look too hard though.

Propper new lines in your sourecode might help me find it though.what should colours have to do with it?

i mean #fff is conform.

and well my php screws up the code online, it looks fine in notepad++I haven't tested it or anything, but the XML declaration on the first line sends IE into quirks mode. I'm guessing that's the reason. You should remove that. The DTD needs to be on the first line for IE to recognise it and conform.If what BonRouge suggests doesn't work, you're looking at a positioning or box model problem. IE-Win screws up primarily in those two ways. The fixes are to add position: relative; to the element in question, or use a Holly Hack to set the height of that element to 1px or 1%. IE will recognize that as a (grossly) incorrect height and magically IE will recalculate proper widths, heights, and display borders and padding correctly. From the looks of it, use the Holly Hack on #main:

/* Prevents IE-Win from stretching the element beyond the footer. \*/
* html #main { height: 1px; }
/**/

Let me know if this doesn't help.Originally posted by toicontien
IE will recognize that as a (grossly) incorrect height and magically IE will recalculate proper widths, heights, and display borders and padding correctly. From the looks of it, use the Holly Hack on #main:


lol, ill try that in a min, thxneither worked,

the IE hack had no effect,
and leaving out hte xml line totaly screwd up my layout ?!

and making the main relative didnt have any effect ither.

[edit]

as far as i think

#textmain
{
position: relative;
top: -280px;
left: 20px;
border: 1px solid #000;
width: 365px;
background: #fff;
margin-bottom: -260px;
}
that is the reason
the -260px in the margin,
i added that becuase otherwise that div would be underneath "etwas" div on the right.fixed, thx for any help
 
Back
Top