CSS Interpretation Firefox und IE - Grundgerüsst verzerrt

EvilGeorge · #1 (**permalink**) 26.10.2005, 11:24

Hallo zusammen,

Ich hab für ne neue HP ne CSS geschrieben.
Die interpretation zwichen IE und Firefox ist aber leider (wie so oft)
arg anders.

und zwar hab ich mittels Div containern
ne kopfzeile,
nen hauptteil (mit zwei nebeneinanderliegenden,integrierten div containern)
ne fußzeile erstellt
im IE zeigt er mir die Container wie gewünscht an.

im Firefox verzerrt er mir den Hauptteil aber und überlappt ihn mit fuß und kopf.

hab keine ahnung mehr woran das liegen könnte, bin noch recht neu im css und glaub ich hab irgenwo was reingebracht das die ganze sache ruiniert.

Zitat:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="grundstyle.css">
<title>irgendeintitel</title>
</head>
<body id="bodyframe" name="Mainfenster">
<div id="content">
irgendeintextinhalt

</div>
</body>

Zitat:

html
{
scrollbar-3dlight-color:#ff4000;
scrollbar-darkshadow-color:#ff4000;
scrollbar-highlight-color:#ff4000;
scrollbar-shadow-color:#ff4000;
scrollbar-arrow-color:#444444;
scrollbar-base-color:#ff8000;
scrollbar-face-color:#ff6000;
scrollbar-track-color:#ff9033;
}
body
{
font-family:Verdana;
font-size:12px;
background-color:#000000;
text-align:center;
margin:0px;
}

h1 {font-size:20px;color:#000000;margin-bottom:0px;}
h2 {font-size:18px;color:#000000;}
h3 {font-size:14px;color:#000000;}

code {font-size:14px;color:#000000;}
pre
{
font-size:14px;
color:#0000ff;
padding:5px;
}
a:link, a:visited, a:active, a:hover
{
text-decoration:underline;
font-weight:normal;
color:#ff0000;
font-size:12px;
}
a:active, a:hover
{
color:#009999;
}
a.menu {
display:block;
padding:3px;
border-top:1px solid #000;
background-color:#737994;
text-align:center;
color:#eeeeee;
text-decoration:none;
}
a.menu:link, a.menu:visited
{
color:#eeeeee;
background-color:#737994;
text-decoration:none; font-weight:bold;
}
a.menu:active, a.menu:hover
{
color:#737994; font-weight:bold;
background-color:#eeeeee;
}
#title {
height:34px;
padding:5px;
background-color:#F0A000;
border-bottom:1px solid #000;
}
#titleback {
width:900px;
margin:20px auto;
border:8px outset #ff8000;
text-align:left;
background-color:#ff6000;
}

#main {
font-family:Verdana;
width:900px;
font-size:12px;
background-color:#000000;
text-align:center;
margin:0px;
}
#left {
background-color:#F08000;
width:128px;
float:left;
border:8px outset #ff8000;
}

.menutitle {
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:#D2B48C;
width:106px;
margin:10px;
}

#contentback {
border:8px outset #ff8000;
background-color:#ff6000;
margin-left:35px;
float:left;
}

#content {
border:35px solid #ff6000;
background-color:#bdbec6;
padding:20px 40px;
}

vielen dank im voraus für jegliche hilfe.
Georg

Boris · #2 (**permalink**) 26.10.2005, 11:59

Bei display: block und floats sind definierte Breiten notwendig (width). Auch darf man man floats nicht die clears vergessen ... der Firefox machts nämlich "korrekt".

Stell mal dein Beispiel online, so könnte man das Problem eher "sehen".

EvilGeorge · #3 (**permalink**) 26.10.2005, 13:22

onlinestellen ist erst nach der arbeit drinn, da mein web und ftp server down sind :*-(

am rest bastell ich mal weiter.
danke schonmal, weitere anregungen sind natürlich trotzdem willkommen

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Firefox 3.5 zeigt Linien wo keine sind - CSS Einstellung?	EPMS	CSS	7	23.07.2009 14:15
Anfänger -> CSS wird bei Firefox 100% angezeigt aber beim IE nicht	mscheller	CSS	14	08.01.2008 11:43
CSS IE und Firefox - ich flipp aus	yayz78	CSS	10	05.10.2007 02:38
CSS im Firefox?	SuNdeSigN	CSS	15	25.02.2007 14:52
CSS Unterschiede in IE und Firefox	newbalu	CSS	1	30.08.2004 17:48