hallo @all,
ich habe da mal wieder ein problem mit den div boxen.
also folgende sache packe ich irgendwie nett, hier schaut es euch mal bitte an
http://onkelzportal.de/leer.php
so ich möchte gerne das linke menü teil unter den oberen header haben und das inhalt teil auch. es soll aber mittig sein beides und nicht breiter als 880 px. so wie der header oben ist.
wie bekomme ich das hin, dass die beiten divboxen zuammen 880px breit sind und centriert.
so wie es bei den header oben ist, die menüseite soll 200px breit sein und der inhalt soll den rest ausfüllen bis 880px.
hier mal der code :
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<title>OnkelzPortal | In Ehrerbietung an die Rock Band Böhse Onkelz</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<META NAME="TITLE"
CONTENT="OnkelzPortal | Böhse Onkelz Supperter Webseite">
<META NAME="DESCRIPTION"
CONTENT="Alles über die Rockband Böhsen Onkelz -
Hier findet Ihr alle Sachen rund um die Rockband Böhse Onkelz -
Die Webseite ist ein Muss für alle Fans der Böhsen Onkelz">
<META NAME="KEYWORDS"
CONTENT="onkelz, böhse, böhse onkelz, mtv, keine amnestie für mtv, bosc, b.o.s.c.,
kevin, viva los tioz, lausitzring, vaya con tioz, tioz, matthias, stephan, frankfurt,
rockmusik, havy matel, news, sound, texte, liedertexte, der netter mann, musik, mp3, download,
bilder, konzerte, on tour, backstage, live musik, onkelzfan, fan,">
<META NAME="OWNER"
CONTENT="homepage[at]onkelzportal[dot]de">
<META NAME="AUTHOR"
CONTENT="homepage[at]onkelzportal[dot]de">
<META NAME="copyright"
CONTENT="This document copyright 2004 by homepage[at]onkelzportal[dot]de">
<META HTTP-EQUIV="EXPIRES"
CONTENT="">
<META HTTP-EQUIV="CHARSET"
CONTENT="ISO-8859-1">
<META HTTP-EQUIV="CONTENT-LANGUAGE"
CONTENT="German">
<META NAME="rating"
CONTENT="14 years">
<META NAME="ROBOTS"
CONTENT="index,follow">
<META NAME="REVISIT-AFTER"
CONTENT="4 weeks">
<META HTTP-EQUIV="imagetoolbar"
CONTENT="no">
<!-- Currently no favicon -->
<link rel="SHORTCUT ICON"
href="favicon.ico">
<link rel="icon"
href="favicon.ico" type="image/ico">
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!-- // Schutz vor Robotern
function zeigAdr(text1, text2, text3) {
document.write('<a class="txt-kl" href="' + 'mailto:' + text1 + '@' + text2 + '.' + text3 + '">' + '<span class="txt-kl" style="font-weight: normal;">' + text1 + '@' + text2 + '.' + text3 + '<' + '/span>' + '<' + '/a>');
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
</script>
<link href="incl/style/page.css" rel="stylesheet" type="text/css">
<style type="text/css">
@import url(incl/style/page.css);
</style>
</headtop>
</body>
<div id="header">
<table width="879" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="219" align="left" valign="top"><a href="http://www.onkelzportal.de/portal/index.php" target="_top"><img src="http://www.onkelzportal.de/incl/picer/header/headtop1.jpg" alt="OnkelzPortal" width="219" height="60" border="0"></a></td>
<td width="220" align="left" valign="top"><a href="http://www.onkelzportal.de/portal/index.php" target="_top"><img src="http://www.onkelzportal.de/incl/picer/header/headtop2.jpg" alt="OnkelzPortal" width="220" height="60" border="0"></a></td>
<td width="220" align="left" valign="top"><a href="http://www.onkelzportal.de/portal/index.php" target="_top"><img src="http://www.onkelzportal.de/incl/picer/header/headtop3.jpg" alt="OnkelzPortal" width="220" height="60" border="0"></a></td>
<td width="220" align="left" valign="top"><a href="http://www.onkelzportal.de/portal/index.php" target="_top"><img src="http://www.onkelzportal.de/incl/picer/header/headtop4.jpg" alt="OnkelzPortal" width="220" height="60" border="0"></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="http://www.onkelzportal.de/portal/index.php" target="_top"><img src="http://www.onkelzportal.de/incl/picer/header/headtop5.jpg" alt="OnkelzPortal" width="219" height="65" border="0"></a></td>
<td align="left" valign="top"><a href="http://www.onkelzportal.de/portal/index.php" target="_top"><img src="http://www.onkelzportal.de/incl/picer/header/headtop6.jpg" alt="OnkelzPortal" width="220" height="65" border="0"></a></td>
<td align="left" valign="top"><a href="http://www.onkelzportal.de/portal/index.php" target="_top"><img src="http://www.onkelzportal.de/incl/picer/header/headtop7.jpg" alt="OnkelzPortal" width="220" height="65" border="0"></a></td>
<td align="left" valign="top"><a href="http://www.onkelzportal.de/portal/index.php" target="_top"><img src="http://www.onkelzportal.de/incl/picer/header/headtop8.jpg" alt="OnkelzPortal" width="220" height="65" border="0"></a></td>
</tr>
</table>
</div> <div id="headerline">Raum für den Inhalt von id "headerline"</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><div class="box2" id="leftbox"><br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
<div class="box3" id="conaten"><br>
</div> </td>
</tr>
</table>
<div id="fotter">Raum für den Inhalt von id "fotter"</div>
</html>
und hier die css datei :
PHP-Code:
body {
margin: 0;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
background-color: #000000;
background-image: url(../picer/body_bg.jpg);
}
#header {
width: 880px;
margin: 0 auto;
text-align: left;
height: 125px;
background-color: #000000;
}
#headerline {
background-color: #000000;
text-align: center;
width: 880px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 30px;
}
#leftbox{
background:silver;
float:left;padding:5px;
border:1px solid black;
width:170px;
margin:5px 0 0 0;
}
#conaten
{
background:darkgray;
padding:5px;
margin:5px 0 0 190px;
border:1px solid black;
}
#fotter
{
background-color: #000000;
width: 880px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 100px;
}
vieleicht ist jemand mal so nett und schaut wieso ich das nett gebacken bekomme. schon mal vielen dank für eure hilfe ... THX DANKE
