jukleidie
Mitglied
Hi
Ich habe da ein Problem:
Im IE wird die Seite, die ich gerade baue nich zentriert in der Mitte angezeigt. Im Firefox dagegen schon.
Der CSS Code:
Kann mir jemand sagen, warum das so ist??
J.
Online zu sehen ist das Problem hier Webseite des Jugendsinfonieorchester Schwerin
Und nicht, das sich jemand wundert: die Farben und so stehen noch nicht fest!!!
Ich habe da ein Problem:
Im IE wird die Seite, die ich gerade baue nich zentriert in der Mitte angezeigt. Im Firefox dagegen schon.
Code:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Webseite des Jugendsinfonieorchester Schwerin</title>
<link href="layout.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body id="startseite">
<div id="wrapper">
<div id="kopfbereich">
<p>
<b><big>Das wird die Seite des JSO Schwerin</big></b>.
<span>Wirklich toll</span>.
</p>
</div>
<div id="navibereich">
<ul>
<li id="navi1"> <a href="index.html">Start</a> </li>
<li id="navi2"> <a href="aktuelles.html">Aktuelles</a> </li>
<li id="navi3"> <a href="dirigent.html">Dirigent</a> </li>
<li id="navi4"> <a href="konzerte.html">Konzerte</a> </li>
<li id="navi5"> <a href="proben.html">Proben</a> </li>
<li id="navi10"><a href="downloads.html">Downloads</a></li>
<li id="navi6"> <a href="forum.html">Forum</a> </li>
<li id="navi7"> <a href="presse.html">Presse</a></li>
<li id="navi8"> <a href="kontakt.html">Kontakt</a></li>
<li id="navi9"> <a href="impressum.html">Impressum</a></li>
</ul>
</div>
<div id="textbereich">
<!-- Beginn des Inhalts!!! -->
<h2>Hallo</h2>
<p>
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
</p>
<p>
<!-- Ende des Inhalts!!!-->
</div>
<div id="strichoben">
</div>
<div id="fussbereich">
<adress>
<center>
<small><b>KONSERVATORIUM SCHWERIN</b></small><br/>
<em>Jugendsinfonieorchester</em>
</center>
</adress>
</div>
<div id="strichunten">
</div>
</div>
</body>
</html>
Code:
* { padding: o; margin: 0; }
h2,p,ul,ol {margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }
html { height: 101%; }
body {
color: white;
background-color: #FFFFFF;//#8c8c8c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
h1 { font-size: 150%; }
h2 { font-size: 130%; }
adress {
text-align: center;
font-size: 80%;
font-style: normal;
letter-spacing: 2px;
line-hight: 1.5em;
}
a { text-decoration: none; outline: none; }
a:link { color: #d90000; }
a:visited { color: #cc66666; }
a:hover,
a:focus {
border-bottom: 1px solid #d90000;
}
a:active {
color: white;
background-color: #d90000;
}
/*#logo {
color: black;
background-color: white;
padding: 5px;
border: 5px solid #d9d9d9;
width: 242px;
}*/
#wrapper {
color: black;
background-color: white;
width: 786px;
margin: 10px auto;
border: 1px solid #8c8c8c;
}
#kopfbereich {
color: black;
padding: 10px 20px 10px 20px;
/*background: #ECF1F3;/*#cadceb;/*#f3c600;*/
background-color: #12A3EB;
}
#kopfbereich p {
padding: 5px 0 5px 0;
margin-bottom: 0;
}
#navibereich {
padding: 5px 10px 4px 10px;
text-align: right;
color: black;
background: #ffe574;
border-bottom: 1px solid #8c8c8c;
}
#navibereich ul { margin-bottom: 0; }
#navibereich li {
display: inline;
list-style-type: none;
margin: 0;
}
#navibereich a {
font-size: 12px;
color: black;
background-color: #ffeda0;
padding: 4px 8px 4px 8px;
border: 1px solid #8c8c8c;
}
#navibereich a:hover,
#navibereich a:focus,
#startseite #navi1 a,
#aktuelles #navi2 a,
#dirigent #navi3 a,
#konzerte #navi4 a,
#proben #navi5 a,
#forum #navi6 a,
#presse #navi7 a,
#kontakt #navi8 a,
#impressum #navi9 a
{
color: black;
background-color: white;
border-bottom-color: white;
}
#navibereich a:active {
color: black;
background-color: white;
}
#textbereich {
padding: 20px 10px 20px 20px;
margin-left: 80px;
margin-right:80px;
}
#textbereich a {
border-bottom: 1px dotted #d90000;
}
#textbereich a:hover,
#textbereich a:focus {
border-bottom: 1px solid #d90000;
}
#left {
float: left;
border-right: 1px solid #8c8c8c;
width: 80px;
hight: 400px;
}
#strichoben
{
background-color: #f3c600;
margin-top: 20px;
hight: 15px;
border-top: 1px solid #8c8c8c;
}
#fussbereich {
padding: 5px 5px 5px 5px;
background: #ffe574;
}
#strichunten{
background-color: #f3c600;
hight: 15px;
}J.
Online zu sehen ist das Problem hier Webseite des Jugendsinfonieorchester Schwerin
Und nicht, das sich jemand wundert: die Farben und so stehen noch nicht fest!!!