ansaurus

Question

Does Firefox add any proprietary values when I add a border (like IE does with hasLayout)?

Answer 1

+2 A:

You need clear: both; on your #footer, it's not clearing your floated div #centerHolder

Jonny Haynes 2009-11-24 16:21:48

Holy crap man, this is totally correct and I can't believe it.(can't believe it because the issue fixed itself on browser resize and the offending float is a distant cousin)But adding clear:both does, in fact, resolve the problem. Thanks.

Simple As Could Be 2009-11-24 16:31:54

no problem, it's always something simple ... just staring you straight in the face! :-D

Jonny Haynes 2009-11-24 16:33:49

Answer 2

A:

I think there's something else going on with your page that you're not finding. Like a possible DIV tag that is not properly closed. FireFox will close tags for you if they are left open but not where you want them to. The border correcting this issue seems to be forcing the DOM to realize that the object should span wider. See the code below that I've taken directly from your example and test it. It works perfect on my install of FF 3.5.5.

Note: A quick way to locate improperly closed TAGS is to rename your HTML to an XML file extension and open it with FF. It should parse the file correctly. If not it will point to where a TAG was left open.

<html>
<head>
<style>
#container{
position:relative;
height:96%;
min-height:600px;
width:100%;
min-width:975px;
max-width:1300px;
margin:0 auto;
z-index:2;
}
#centerHolder {
float:left;
margin-left:245px;
width:10%;
z-index:1000;
}
#footer {
/*border:1px solid green;*/
margin:0;
padding-top:5px;
position:relative;
text-align:center;
z-index:1;
}

</style>
</head>


<body>
<div id="container">
    <div id="centerHolder">Here's some text</div>
</div>
<p id="footer">
    Copyright ©2009 Lala Corporation
    <a class="link" onclick="ContactUs_OnClick(); return false;" 

href="#">Contact Us</a>
</p>
</body>
</html>

Let me know if you find something. Always interested to know what you find.

Jeff 2009-11-24 16:21:55

ansaurus

tags:

views:

answers:

Does Firefox add any proprietary values when I add a border (like IE does with hasLayout)?

related questions