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