Tweet
Mir gehen langsam die Ideen aus. Die XHTML und die CSS sind valid. IE zeigt es auch mit Styles an, bloß der FF nicht. Laut Google lässt das Problem wenn es auch lokal auftritt auf nen Fehler in der CSS schließen, dem sollte aber nicht so sein.
CSS
HTML
CSS
Code:
html
{
height:90%;
}
body
{
background-color:#99CC99;
color:black;
height:80%;
}
html>body
{
height:90%;
}
#main
{
width:750px;
margin:auto;
padding:0px;
}
#header
{
background-color:#33CC33;
background-image:url('baum.gif');
background-repeat:no-repeat;
background-position: 10px 5px;
border: solid 2px #339933;
color:black;
width:746px;
height:85px;
margin:0px;
padding:5px 0 0 0;
text-align:center;
}
#imp
{
background-color:#33CC33;
border: solid 2px #339933;
color:black;
width:746px;
margin:15px 0px;
padding:0px;
text-align:center;
float:right;
font-size:12px;
}
#navi
{
width:190px;
float:left;
}
#space
{
width:180px;
margin-top:18px;
background-color:#33CC33;
border:solid #339933 1px;
min-height:230px;
height:230px;
}
#t1
{
font-size:26px;
letter-spacing:2px;
font-weight:bold;
color:#FFCC00;
}
#t2
{
font-size:20px;
font-weight:bold;
color:#FFCC00;
padding:4px;
}
#t3
{
margin-top:5px;
font-size:16px;
font-weight:bold;
color:#000000;
}
.title
{
border-top:solid #339933 2px;
border-left: solid #339933 2px;
border-right: solid #339933 2px;
width:535px;
float:right;
background-color:#66CC66;
color:black;
padding:2px 5px 2px 5px;
font-weight:bold;
font-size:14px;
margin:20px 0px 0px 0px;
}
.box
{
border:solid #339933 2px;
width:535px;
float:right;
background-color:#CCFFCC;
color:black;
text-align:justify;
font-size:12px;
padding:5px;
margin:0px;
}
ul
{
list-style:none;
margin:18px 0px 0px 0px;
padding:0px;
width:150px;
}
li
{
width:182px;
font-size:20px;
margin:2px 2px 2px 0px;
color:#ffffff;
background-color:#33CC33;
}
a.nav
{
color:#ffffff;
padding-left:30px;
letter-spacing:1px;
text-decoration:none;
display:block;
width:150px;
height:100%;
border:solid #339933 1px;
}
a.nav:hover
{
background-image:url('axt.gif');
background-repeat:no-repeat;
background-position:5px 1px;
border: solid 1px black;
}
a
{
color:black;
background: transparent;
}
Code:
<!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="en" lang="de">
<head>
<title>Forstservice Lankers</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" title="Standard" media="screen, projection" />
</head>
<body>
<div id="main">
<div id="header">
<span id="t1">Forstservice</span><br />
<span id="t2">Martin Lankers</span><br />
<span id="t3">Meister der Forstwirtschaft</span>
</div>
<div id="navi">
<ul>
<li><a class="nav" href="">Startseite</a></li>
<li><a class="nav" href="">Inhalt</a></li>
<li><a class="nav" href="">Kontakt</a></li>
<li><a class="nav" href="">Impressum</a></li>
</ul>
</div>
<div class="title">Title</div>
<div class="box">Hier steht recht viel Text. </div>
<div class="title">Title</div>
<div class="box">Hier steht recht viel Text. </div>
<div class="title">Title</div>
<div class="box">Hier steht recht viel Text. </div>
<div id="imp">Copyright 2006 - Script & Design by <a href="http://www.bashcomp.de">Team BashComp</a></div>
</div>
</body>
</html>
Kommentar