nicht angemeldet
Hallo
Ich verzweifle langsam hoffe einer kann mir sagen wo mein Fehler liegt.
Ich versuche eine Seite immer in der Mitte zu halten, aber sobald ich den Div content einfüge hobst die ganze Seite mit einem kleinen Abstand nach recht. Denke ich habe da wo ein denkfehler drin da ich gerade erst angefangen haben mit div und css.
wäre super wen einer eine Lösung wüste
meine aufgabe ist einfach
1.die komplette page immer in der mitte zu halten mit einer festen grösse die linke und die rechte Seite also dynamisch
2. Head bereich ist immer fest
3. eine navi und einen hauptbereich.(egal wie) :)
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>
<style type="text/css"">
html {height:100%;}
body {
height:100%;
margin:0%;
padding:0%;
background-color: #104f85;
}
#box {
margin:0% 3%;
padding:0% 0%;
width:880px;
height:100%;
border-left:1px solid #eee;
border-right:1px solid #eee;
background-color:#fffad1
}
}
div#navi {
float:left;
width: 150px;
}
div#content {
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#0000FF;
font-size:12px;
width:695px;
padding-left: 20px;
}
a {
color:#e3e4e6;
}
a.navitem {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#104f85;
font-weight:bold;
height:20px;
border-style:solid;
border:1pt;
border-color:#ffffff;
display:block;
background:#e3e4e6;
text-decoration:none;
background-image: none;
padding-left: 10px;
padding-right: 0px;
}
a.navitem:hover {
text-decoration:underline;
background:#e3e4e6;
}
a.subnav {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#104f85;
padding-left: 0px;
padding-right: 0px;
text-decoration:none;
height:20px;
/* width:80px; */
display:block;
background:#e3e4e6;
padding-left:10px;
}
a.subnav:hover {
background:#e3e4e6;
text-decoration:underline;
color:#104f85;
}
</style>
<title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>
<div id="box">
<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#e3e4e6">
<tr>
<th width="34%" scope="col" ><div align="left"><img src="images/logo.jpg" alt="" width="300" height="95" /></div></th>
<th width="32%" scope="col"> </th>
<th width="19%" scope="col"><img src="images/bild-mensch.jpg" alt="" width="109" height="90" /></th>
<th width="15%" scope="col"><div align="left"><img src="images/bild-mensch1.jpg" alt="" width="109" height="90" /></div></th>
</tr>
</table>
<br />
<div id="navi">
<!-- Beginn PHP Navigation -->
<a class="navitem" href="?nav=1">News</a>
<?php
div>
<!-- Content Bereich-->
<div class="content" id="content" >
<table width="100%" border="2" cellspacing="0" cellpadding="0">
</table>
</div>
</div>
</body>
</html>
Gunnar Bittersmann