26.03.2005, 08:53
Hi Leute,
Ich hab ein Problem mit XHTMl, CSS. Eine Datei die ich erstellt habe wird nicht richtig angezeigt.
Aber erstmal die Codes:
Also das is die Seite
[code:1]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" >
<head>
<title>Team Mountain Eagles</title>
<meta name="description" content="Softairteam aus dem Saarland. Erfahren sie hier mehr über diesen Sport und werden sie Mitglied." />
<meta name="author" content="Kevin Mohr, Ottweiler" />
<meta name="keywords" content="Softair, Airsoft, Softairteam, Airsoftteam, Airsoft Saarland, Softair Saarland, Airsoftteam Saarland, Softairteam Saarland, Saarland, St. Wendel, Mountain, Eagles, Mountain Eagles, Team Mountain Eagles, G36c, BB, Paintball, Flecktarn, BDU, Bundeswehr, Army, Softairforum" />
<meta name="copyright" content="(c) Team Mountain Eagles, 2005"/>
<meta name="robots" content="index, follows" />
<link rel="stylesheet" type="text/css" href="style/styles.css" />
<link rel="stylesheet" type="text/css" href="style/layer.css" />
</head>
<body>
<div id="header"><img src="images/header.jpg" /></div>
<div id="topnav"> <a href="index.php?"><img src="images/01.gif" alt="startseite" class="button" /></a>
<a href="index.php?"><img src="images/02.gif" alt="Uumlber uns" class="button" /></a>
<a href="index.php?"><img src="images/03.gif" alt="Gesichte" class="button" /></a>
<a href="index.php?"><img src="images/04.gif" alt="unsere Regeln" class="button" /></a>
<a href="index.php?"><img src="images/05.gif" alt="Bilder" class="button" /></a>
<a href="index.php?"><img src="images/06.gif" alt="Impressum" class="button" /></a>
<a href="index.php?"><img src="images/bg01.gif" alt="" style="float: right;" /></a>
</div>
<div id="leftnav">News</div>
<div id="inhalt"> da da</div>
</body>
</html>[/code:1]
Und das hier is die eine Styledatei die für die divs verantwortlich ist:
[code:1]
#body { width: 100%; padding-top: }
{ padding: 0px;
white-space: nowrap;}
#header {width: 790px;
height: 150px;
white-space: nowrap;
background-image: url(../images/header.jpg); }
#topnav { width: 790px;
background-color: #DEDEDE;
}
#leftnav {width: 150px;
height: 890px;
background-color: #DEDEDE;
background-image: url(../images/bg03.gif);
background-repeat: no-repeat;
background-position: 50% 25%;
float: left;
padding: 4px;
}
#inhalt {
width: 635px;
height: 890px;
padding: 4px;
}
[/code:1]
Und halt noch die für andere Formatierungen(kommen später noch welche hinzu wird nicht so wenig bleiben.)
[code:1]
img.button {border: 0; float: left;}
img {border: 0;}
[/code:1]
Mein Problem is halt jetzt das <div id="inhalt"> von
<div id="leftnav"> überlappt wird. Und ich weiss nicht warum.
Der einzige Browser der das nicht tut is der IE. Bei allen anderen überlappt es sich.
Wäre echt froh wenn mir da einer helfen könnte.
Danke schonmal im Vorraus.
greetz
Ich hab ein Problem mit XHTMl, CSS. Eine Datei die ich erstellt habe wird nicht richtig angezeigt.
Aber erstmal die Codes:
Also das is die Seite
[code:1]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" >
<head>
<title>Team Mountain Eagles</title>
<meta name="description" content="Softairteam aus dem Saarland. Erfahren sie hier mehr über diesen Sport und werden sie Mitglied." />
<meta name="author" content="Kevin Mohr, Ottweiler" />
<meta name="keywords" content="Softair, Airsoft, Softairteam, Airsoftteam, Airsoft Saarland, Softair Saarland, Airsoftteam Saarland, Softairteam Saarland, Saarland, St. Wendel, Mountain, Eagles, Mountain Eagles, Team Mountain Eagles, G36c, BB, Paintball, Flecktarn, BDU, Bundeswehr, Army, Softairforum" />
<meta name="copyright" content="(c) Team Mountain Eagles, 2005"/>
<meta name="robots" content="index, follows" />
<link rel="stylesheet" type="text/css" href="style/styles.css" />
<link rel="stylesheet" type="text/css" href="style/layer.css" />
</head>
<body>
<div id="header"><img src="images/header.jpg" /></div>
<div id="topnav"> <a href="index.php?"><img src="images/01.gif" alt="startseite" class="button" /></a>
<a href="index.php?"><img src="images/02.gif" alt="Uumlber uns" class="button" /></a>
<a href="index.php?"><img src="images/03.gif" alt="Gesichte" class="button" /></a>
<a href="index.php?"><img src="images/04.gif" alt="unsere Regeln" class="button" /></a>
<a href="index.php?"><img src="images/05.gif" alt="Bilder" class="button" /></a>
<a href="index.php?"><img src="images/06.gif" alt="Impressum" class="button" /></a>
<a href="index.php?"><img src="images/bg01.gif" alt="" style="float: right;" /></a>
</div>
<div id="leftnav">News</div>
<div id="inhalt"> da da</div>
</body>
</html>[/code:1]
Und das hier is die eine Styledatei die für die divs verantwortlich ist:
[code:1]
#body { width: 100%; padding-top: }
{ padding: 0px;
white-space: nowrap;}
#header {width: 790px;
height: 150px;
white-space: nowrap;
background-image: url(../images/header.jpg); }
#topnav { width: 790px;
background-color: #DEDEDE;
}
#leftnav {width: 150px;
height: 890px;
background-color: #DEDEDE;
background-image: url(../images/bg03.gif);
background-repeat: no-repeat;
background-position: 50% 25%;
float: left;
padding: 4px;
}
#inhalt {
width: 635px;
height: 890px;
padding: 4px;
}
[/code:1]
Und halt noch die für andere Formatierungen(kommen später noch welche hinzu wird nicht so wenig bleiben.)
[code:1]
img.button {border: 0; float: left;}
img {border: 0;}
[/code:1]
Mein Problem is halt jetzt das <div id="inhalt"> von
<div id="leftnav"> überlappt wird. Und ich weiss nicht warum.
Der einzige Browser der das nicht tut is der IE. Bei allen anderen überlappt es sich.
Wäre echt froh wenn mir da einer helfen könnte.
Danke schonmal im Vorraus.
greetz
