• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

verschiedenes aussehen in IE und firefox

Kurt Cobain

Kurt Cobain

New member
Tag TAg

hab deshier:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" dir="ltr" lang="en-US"><head>
<title></title>

<style type="text/css">
<!--




 #left{
float:left;
width:166px;
border:0;
}

.nav{
line-height:29px;
border:1px solid #FF9933;
border-bottom:1px solid #EAEAEA;
background: #FF9933 url("./orange.png") top repeat-x;
font-weight:bold;
}

.cont{
background:#666666;
/*
border-bottom:1px solid #FF7F00;
border-left:1px solid #FF7F00;
border-right:1px solid #FF7F00;
*/
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}
.cont ul {
list-style: none;
margin: 0;
padding: 0;
}

.cont a {
display: block;
margin: 0;
padding: 3px 0 3px 5px;

color: #ffffff;
text-decoration: none;
}


.cont a:hover {
color: #009F00;
background: #EAEAEA;
font-weight:bold;
}

     -->
</style>

<body>

<div id="left">
    <div class="nav">  NÜTZLICHES</div>
    <div class="cont">
      <ul>
       <li><a href="../useful.php?what=internet">Internet</a></li>
       <li><a href="../useful.php?what=windows">Windows</a></li>
       <li><a href="../useful.php"><i>alles</i></a></li>
      </ul>
    </div> <br>
</div>

</body>
</html>

wenn ich es jetzt in meinem Firefox ansehe ist allles wie ich es will(Bild unten)

wenn ich jetzt im ie anschau sieht es scheisse aus.

an was liegt es???


gruß ich
 

Anhänge

  • test.png
    test.png
    7,6 KB · Aufrufe: 12
Hallo,

also, diese Antwort kommt mir zwar idiotisch vor, aber es ist so:
wenn du die <li>s in eine Zeile schreibst:
HTML: 
 <li><a href="../useful.php?what=internet">Internet</a></li><li><a href="../useful.php?what=windows">Windows</a></li><li><a href="../useful.php"><i>alles</i></a></li>
- dann stellt auch der IE es richtig dar...:rolleyes:

planet4.
 
oder:
* html .cont a { width:100% }

Aber ich finde das Menü unglücklich strukturiert und du verwendest seltsame Angaben, warum line-height?
Willst du einen Abstand, dann ist padding besser, willst du eine feste höhe, dann ist height sinnvoller.
Und das ganze hat zuviele Divs

ich würd das eher so machen:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">
#left
{
float: left;
width: 10em;
}

.nav
{
border:1px solid #FF9933;
border-bottom:1px solid #EAEAEA;
background: #FF9933;
padding:0;

}
.nav h1
{
    margin:0;
    padding: 0;
    font-size: 1em;
}
.nav ul
{
background:#666666;
border:1px solid #999999;
border-top:none;
}
.nav ul 
{
list-style: none;
margin: 0;
padding: 0;
}

.nav ul li a 
{
display: block;
margin: 0;
padding: 3px 0 3px 5px;
color: #ffffff;
text-decoration: none;
}
* html .nav ul li a{ width:100% }


.nav ul li a:hover {
color: #009F00;
background: #EAEAEA;
font-weight:bold;
}

</style>

<body>

<div id="left">
<div class="nav">
<h1>NÜTZLICHES</h1>
      <ul>
       <li><a href="../useful.php?what=internet">Internet</a></li>
       <li><a href="../useful.php?what=windows">Windows</a></li>
       <li><a href="../useful.php"><i>alles</i></a></li>
      </ul>
</div>
</div>

</body>
</html>
 
planet4 schrieb:
Hallo,

also, diese Antwort kommt mir zwar idiotisch vor, aber es ist so:
wenn du die <li>s in eine Zeile schreibst:
HTML: 
 <li><a href="../useful.php?what=internet">Internet</a></li><li><a href="../useful.php?what=windows">Windows</a></li><li><a href="../useful.php"><i>alles</i></a></li>
- dann stellt auch der IE es richtig dar...:rolleyes:

planet4.
Zum Vergrößern anklicken....

da muss man auch erst mal draufkommtn :rolleyes:

is das im ie7 auch so?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben