hallo forum....
hallo @terry
ich bin dabei eine seite komplett in css zu fertigen.
sie wird horizontal & vertikal zentriert und hat ein
statisches maß.
funktioniert gut im IE und gecko.
eine frage habe ich bzgl. des footers. da sitze ich jetzt einen ganzen tag dran und kriege es nicht hin.
es passiert immer ein zeilenumbruch wenn ich 3 spans nebeneinander
setzen will. diese sind von einem div umgeben.
hier ist der html code:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>testthewest</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
html {
margin: 0;
padding: 0;
}
body {
height:80%;
margin:0;
text-align: center;
padding: 5%;
}
#inhalt {
height:100px;
margin:auto;
border-top:1px solid black;
border-right:1px solid black;
border-left:1px solid black;
background-image: url(/picsin/120_01.gif);
width:780px;
}
#underheader {
text-align: center;
height: 23px;
width: 780px;
margin: auto;
line-height: 23px;
}
#content {
height:432px;
margin:auto;
width:780px;
text-align: center;
}
#footer {
height: 25px;
width: 780px;
margin: auto;
}
#footerleft {
text-align: left;
height: 25px;
width: 200px;
float: left;
text-indent: 10px;
line-height: 25px;
}
#footermiddle {
text-align: middle;
height: 25px;
width: 60%;
float: left;
line-height: 25px;
}
#footerright {
height: 25px;
width: 200px;
float: right;
line-height: 25px;
text-align: right;
padding-right: 10px;
}
a.extra:link {
color: #FFFFFF;
text-decoration : none;
vertical-align: bottom;
}
a.extra:visited {
color: #FFFFFF;
text-decoration : none;
vertical-align: bottom;
}
a.extra:hover {
color: #000000;
text-decoration: none;
vertical-align: bottom;
}
-->
</style>
</head>
<div id="inhalt"></div>
<div id="underheader">hier nur die obere navi</div>
<div id="content">nochnixintus</div>
<div id="footer"><span id="footerleft">fürs copyright</span>
<span id="footermiddle">für eine navi</span>
<span id="footerright">scriptfürdatum</span>
</div>
</body>
</html>
die beiden äußeren spans sind kein problem die
fest zu nageln. sobald ich aber in die mitte etwas
einfüge, fliegt es auseinander.
wäre toll wenn mir jemand einen denkanstoß
geben könnte....
vielen dank für die mühen
mfg und nen schönen abend
frank
EDIT
hilfe...kann mich mal bitte jemand verschieben! im eifer des gefechts passiert
