• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Stehe au f dem Schlauch - Probleme mit IE + FF

ganter123

Neues Mitglied
Hallo zusammen,

Es geht um folgenden Code, für einen Besucherzähler:

Mein Problem besteht darin, dass der Firefox (FF) mir den Text oder besser gesagt die Listeneinträge (li), nicht wie der Internetexplorer (IE) nach links in die Ecke schiebt.

Was habe ich übersehen? :)

Danke & gruss
ganter123

P.S Tips für eine bessere Umsetzung eines Besucherzähler, nehme ich nur zu gerne an :)

HTML:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titel</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
 <div id="infobox">
    <div id="infobox_values">
      <ul>
        <li>Mitglieder</li>
        <li>Online</li>
        <li>Anzeigen</li>        
      </ul>    
    </div>
    <div id="infobox_picture">test</div>
 </div>
</body>
</html>

CSS:
HTML:
#infobox {
    border: 2px solid red;
    height: 80px;
        width: 457px;
    background-color: white;
}
#infobox_values {
    float: right;
    background-color: yellow;
    width: 257px;
    height: 80px;
}
#infobox_picture {
    float; left;
    background-color: blue;
    width: 200px;
    height: 80px;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding 0px;
}

li {
    margin-left: 0px;

}
 
Hallo.

Also bei mir wird alles richtig angezeigt (nehme ich an).
Aber vielleicht solltest du das float; left; und das padding 0px; verbessern.

Deinen HTML Code kannst du übrigens auch noch optimieren.
Zwei der drei <div> sind überflüssig und semantisch falsch.

Gruss
Elroy
 
Zurück
Oben