Firefox so, Safari so und IE wieder ganz anders

chrizke

Mitglied
Thread Starter
Registriert
28.10.2004
Beiträge
287
Also ich werde echt irre mit der Kompatibilität der Browser.
Ich habe folgenden CSS code:
Code:
#backi {
background: #B0BCC6;

}
#head {
background: url(pics/head.png) no-repeat 50% 50%;
height: 460px;
position: relative;
padding: 0;
margin: 0 auto;
}
#container {
background: url(pics/r-l.png) repeat-y;
position: absolute;
margin: 0 auto;
padding: 0;
text-align: left;
width: 700px;
top: 391px;
left: 156px;
}
#textal {
font-weight: bold;
position: relative;
left: 35px;
color: #0000FF;
}
#headline {
position: absolute;
font-size: 28px;
font-weight: bold;
color: #4B41A7;
top: 335px;
left: 195px;
}
#infotxt {
position: relative;
top: 85px;
left: 720px;
color: #ff0000;
}
#ende {
background: url(pics/bottom.png) no-repeat;
position: relative;
width: 700px;
height: 24px;
left: -35px;
}

Der mit foldendem HTML-Text verknüpft wurde:
Code:
<html>
<head>
<title>$tile</title>
<link rel="stylesheet" href="../css.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="../buttons.css" type="text/css" media="screen"/>
</head>

<body id="backi">
<div id="head">
<div id="infotxt">$infotxt</div>
<div id="headline">$headline</div>
<a href="#"><div id="turniere"></div></a>
<a href="#"><div id="anmelden"></div></a>
</div>
<div id="container">
<div id="textal">
lalalalalal<br><br>blk<br><br><br><br><br><br>Hallo<br><br><br><div id="ende"></div>
</div>
</div>

</body>
</html>

Wenn ich in der HTML nur so viele BRs habe, dass kein vertikaler Scroolbalken kommt, passt das ganze in Safari und im FF. Wenn ich jetzt nun mehrere habe, ist das der div "container" nach links verrückt und im FF noch weiter als im Safari. Woran liegt das?
Ach ja, im FF habe ich standartmäßig nen horizontalen Scrollbalken, wie bekomme ich den weg?


chrizke
 

odif

Mitglied
Registriert
14.07.2005
Beiträge
417
Nimm einfach die "Zu cool für IE"-Plakette und klebe sie auf deine Homepage. Dann passt's.

Zum Thema:
Könntest du vllt. einen Link zu der hochgeladenen Datei posten. Dann können wir es uns leichter anschauen.
 
Oben Unten