Forum Moderators: not2easy

Message Too Old, No Replies

IE bug, how can i fix it?

         

fernandokerber

3:21 pm on Nov 7, 2009 (gmt 0)

10+ Year Member



in this project: <snip>
the menu div appears at the bottom page but just in IE, in firefox its perfect.

I have the same problem in 2 projects, how can i fix that?

thanks

[edited by: eelixduppy at 5:09 pm (utc) on Nov. 7, 2009]
[edit reason] no URLs, please [/edit]

D_Blackwell

3:34 pm on Nov 7, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



[webmasterworld.com...]

You are already aware of the linking policy.

My recommendation is to strip the HTML and CSS down to the problem itself by commenting out extraneous markup unrelated to the problem. If the fix is not found during this process, post the test ready code that replicates the problem and we will look at the options.

fernandokerber

3:57 pm on Nov 7, 2009 (gmt 0)

10+ Year Member



i already did that...

i commented out everything but it didnt work. the navegation div is still at the bottom of the page in IE :s


<html>
<head>

<style type="text/css">
body{ background-image:url('./img/background.gif');
background-repeat:repeat-x;
margin-top:16px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
font: 12px Arial, Helvetica, sans-serif;
text-align:center;

}
#tudo {
width:790px;
text-align:left;
margin:0 auto;

}
#topo {
height:80px;
background-color:#df7ddf;
}
#principal {

width:600px;
//background-color:#9cf;
float:right;
}
#navegacao {
margin-top:118px;
width:190px;
//background-color:#ffbe7d;
float:left;
line-height:200%;
}

#box {
//clear:both;
height:210px;
//background-color:#818D8D;
}

#rodape {
clear:both;
height:40px;
background-color:#818D8D;
}

</style>

</head>
<body>

<div id="tudo">

<div id="principal">
<img src="http://www.example.com.br/novo/img/content_noiva.jpg">
</div>

<div id="navegacao"><p>
<a href="#"><img src="http://www.example.com.br/novo/img/home.jpg" class="ro"></a>&nbsp;<BR>
<a href="#"><img src="http://www.example.com.br/novo/img/atelier.jpg" class="ro"></a>&nbsp;<BR>
<a href="#"><img src="http://www.example.com.br/novo/img/produtos.jpg" class="ro"></a>&nbsp;<BR>
<a href="#"><img src="http://www.example.com.br/novo/img/orcamento.jpg" class="ro"></a>&nbsp;<BR>
<a href="#"><img src="http://www.example.com.br/novo/img/duvidas.jpg" class="ro"></a>&nbsp;<BR>
<a href="#"><img src="http://www.example.com.br/novo/img/contato.jpg" class="ro"></a></p>
</div>

</div>

<div id="box">
<img src="http://www.example.com.br/novo/img/content_box1.jpg">&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;<img

src="http://www.example.com.br/novo/img/content_box2.jpg">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img

src="http://www.example.com.br/novo/img/content_box1.jpg">
</div>

<div id="rodape">
<BR><font size="2" face="arial" color="#ffffff">
<a href="#">Home</a> / <a href="#">Convites</a> / <a href="#">Orçamento</a> / <a href="#">Saiba como comprar</a> /

<a href="#">Dúvidas</a> / <a href="#">Contato</a>
</div>
</body>
</html>

[edited by: eelixduppy at 5:10 pm (utc) on Nov. 7, 2009]
[edit reason] removed specifics [/edit]

D_Blackwell

5:16 pm on Nov 7, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The 'comments' in the CSS are not valid.
W3C - Comments [w3.org]

//clear:both;
....................................

A response with at least ten direct references to your website is not going to fly very far.

Perhaps someone else can explain more lucidly.