-KA-
Staff Alumn
- Joined
- Sep 15, 2006
- Messages
- 12,373
- Reaction score
- 40,247
Hello, I'm -KA-, maybe some of you know me or at least seen me around.
I've got a problem, again. :nuts:
I'm currently creating a website, but I've got this problem, that my website looks good with FF, but is buggy with IE.
I understand that to fix this problem I must add this (below) to my HTML code and create a new IE.css file.
To clear things up:
This is how the problematic place looks using FF
And this is how it looks using IE
This is HTML code of the "problem"
This is the CSS:
How to write the CSS code to make it work with IE aswell?
I've got a problem, again. :nuts:
I'm currently creating a website, but I've got this problem, that my website looks good with FF, but is buggy with IE.
I understand that to fix this problem I must add this (below) to my HTML code and create a new IE.css file.
Code:
<!–[if IE]>
<link rel="stylesheet" type="text/css" href="IE.css"/>
<![endif]–>
To clear things up:
This is how the problematic place looks using FF
And this is how it looks using IE
This is HTML code of the "problem"
Code:
<ul id="navlist">
<li><a id="n1" href="index.html">Esileht</a></li>
<li><a id="n2" href="oigusaktid.html">Õigusaktid</a></li>
<li><a id="n3" href="kultuursport.html">Kultuur ja sport</a></li>
<li><a id="n4" href="valitsus.html">Vallavalitus</a></li>
<li><a id="n5" href="asutused.html">Asutused</a></li>
<li><a id="n6" href="galeriid.html">Galeriid</a></li>
<li><a id="n7" href="kontakt.html">Kontakt</a></li>
</ul>
This is the CSS:
Code:
#navlist{
margin-left: 0px;
padding-left: 0px;
white-space: nowrap;
position: absolute;
height: 27px;
width: 777px;
top: 225px;
}
#navlist li{
display: inline;
list-style-type: none;
}
#navlist a {
padding: 3px 10px;
background-image: url(pildid/nupp.gif);
height: 20px;
width: 91px;
display: inline;
position: absolute;
text-align: center;
color: #fff;
text-decoration: none;
}
#navlist a:hover{background-image: url(pildid/nuppyle.gif);}
#n1{left: 0px;}
#n2{left: 111px;}
#n3{left: 222px;}
#n4{left: 333px;}
#n5{left: 444px;}
#n6{left: 555px;}
#n7{left: 666px;}
#leftside{
float: left;
}
How to write the CSS code to make it work with IE aswell?