Tweet
CSS: 2 Browser - 2 Probleme
Hallo Zusammen
Ich hab ein CSS- Problem:
Bei Firefox und Opera wird meine Seite richtig dargestellt, nur das alles nicht eingemittet ist. Also alles befindet sich links.
Beim IE ist zwar alles schön eingemittet, aber dort wird eine <div>-Box (#textfield) nicht neben der anderen (#menu) dargestellt, sondern steht unter dieser herum...
Kann mir hier jemand helfen, oder zumindest einen Tipp geben, wie ich solche Fehler vermeiden kann?
Hier mein CSS- Code:
Hier die htm-Datei:
Danke im Voraus!
Ich hab ein CSS- Problem:
Bei Firefox und Opera wird meine Seite richtig dargestellt, nur das alles nicht eingemittet ist. Also alles befindet sich links.
Beim IE ist zwar alles schön eingemittet, aber dort wird eine <div>-Box (#textfield) nicht neben der anderen (#menu) dargestellt, sondern steht unter dieser herum...
Kann mir hier jemand helfen, oder zumindest einen Tipp geben, wie ich solche Fehler vermeiden kann?
Hier mein CSS- Code:
PHP-Code:
html, body {
background: #ffffff;
text-align: center;
padding: 0;
margin: 0;
}
div {
width: 800px;
text-align: left;
font-family: tahoma;
font-size: 12px;
}
#banner {
background-image: url(picture/boxclub_banner.gif);
height: 147px;
padding: 0;
margin: 0;
}
#contain {
background-color:#CCCCCC;
padding: 0;
margin: 0;
}
#menu {
float: left;
width: 160px;
background-color:#CCCCCC;
padding: 0;
margin: 0;
}
#menu a {
color: #666666;
text-decoration: none;
}
#menu a:hover {
color: #990000;
}
#menu a:active {
color: #990000;
}
ul {
margin-bottom: 16px;
}
li {
list-style-type: square;
margin-bottom: 3px;
}
#textfield {
width: 559px;
margin: 0px 0px 0px 161px;
padding:20px 40px;
background-color:#FFFFFF;
}
#feadline {
background-image: url(picture/boxclub_banner.gif);
clear: both;
padding: 0;
margin: 0;
}
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styl.css" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<div id="banner">
</div>
<div id="contain">
<div id="menu">
<ul><li><a href="index.php">Startseite</a></li>
<li><a href="news.php3">News</a></li>
<li><a href="verein.php">Verein</a></li>
<li><a href="boxer.php">Boxer</a></li>
<li><a href="vorstand.php">Vorstand</a></li>
<li><a href="oeff_ort.php">Training & Ort</a></li>
<li><a href="fotos.php">Fotoalbum</a></li>
<li><a href="AWSview.php3">Gästebuch</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
<li><a href="links.php">Links</a></li>
<li><a href="spezial.php">Spezials</a></li></ul>
</div>
<div id="textfield">
<p>Blablabla ... Hier kommt der Text rein...</p>
</div>
</div>
<div id="feadline">Copyright 2006 </div>
</body>
</html>
Kommentar