Mein Problem: wenn ich im linken Bereich (leftcollumn) etwas schreibe. wird der Text im rechten Bereich fortgesetzt. die Trennung der beiden Bereiche wird nicht beachtet. Wenn ich die Seite im Explorer öffne und das Fenster verkleinere. befindet sich der eigentliche rechte Bereich (rightcollumn ) unter dem linken Bereich. Woran kann das liegen...
Hier mal der Quelltext..
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title>::: spanish-dreamteam :::</title>
<link rel="stylesheet" type="text/css"
href="main.css" />
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);">
<div id="wrapper">
<div style="height: 298px;" id="header">
</div>
<div id="navigation">
<div style="text-align: justify;"><span class="style1"><span
style="text-decoration: underline;">
</span></span>HOME| JOHN & MAITE | TERMINE
| BERICHTE | FOTOS | KREATIVES | FANS | FORUM | GÄSTEBUCH |
LINKS
| IMPRESSUM
<span class="style1"></span></div>
</div>
<div id="leftcolumn">
<table style="text-align: left; width: 198px; height: 100px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>aktuelle Tourdaten</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
</div>
<div id="rightcolumn">
News
</div>
<div id="footer">This is the Footer </div>
</div>
</body>
</html>
Und der Css-Code..
* { padding: 5; margin: 5; }
body {
font-family: Verdana, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 90%;
}
#header {
color: #333;
width: 960px;
float: left;
padding: 10px;
border: 5px solid #333333;
height: 100px;
margin: 10px 0px 5px 0px;
background: #666600;
}
#navigation {
float: left;
width: 960px;
color: #000000;
padding: 10px;
border: 5px solid #333333;
margin: 0px 0px 5px 0px;
background: #666600;
}
#leftcolumn {
color: #000000;
border: 5px solid #333333;
background: #666600;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 700px;
width: 210px;
float: left;
font-size: 13px
}
#rightcolumn {
float: left;
color: #333;
border: 5px solid #333333;
background: #666600;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 700px;
width: 730px;
display: inline;
}
#footer {
width: 960px;
clear: both;
color: #333;
border: 5px solid #333333;
background: #666600;
margin: 0px 0px 10px 0px;
padding: 10px;
}
</h1>
</h1>