Baumstrukturmodus | Linearer Modus

***Toasterfraktion*** · 01-08-2008, 05:16 PM

Hallo,
ich möchte nun von Tabellen & Divs komplett zu divs überschwenken.
Ich habe mich schon etwas eingearbeitet und ein kleines Layout hingeklatscht. Nur es gibt noch einen kleinen Fehler drin damit es läuft.

Es hat was damit zu tun dass wenn in dem Inneren Div, hier "content", der Inhalt über die Dimensionen des "Main" herrausragt, dass er es dann überschneidet!
Hier mal ein Bild zum verdeutlichen:

So nicht:

Aber so:

Ich habe bein "content" und "rightbox" mit float: gearbeitet.
ich weiß dass ich es irgendwie noch aufheben muss oderso habd a aber keine Ahnung von da ich sonst nur mit tabellen mein Design gemacht habe!

Hier mal mein Quellcode, ich habe viele <p> </p> hinzugefügt um das Problem aufzuzeigen.

PHP-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">
<head>
</head>
<style>
body{
background-color:#CCCC00;
}
.main{
   width:950px;
   height:700px;
   margin :10px auto;
   text-align : left;
}
.header{
margin:10px;
padding-top:50px;
text-align: center;
}
.menu{
margin-left:10px;
margin-right:10px;
}
.content{
padding:3px;
float:left;
width: 690px;
margin:10px;
height:auto;
}
.right_box{
float:right;
width: 220px;
height:auto;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
text-align: center;
}
.footer{
margin :10px auto;
width:950px;
}


div{
border: dotted black 1px;
}
</style>

<body>
<div class="main">
<div class="header">{Logo}</div>
<div class="menu">{Menue}</div>
<div class="content">
  <p>{Content}</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div class="right_box">
  <p>{Right Boxt}</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;  </p>
</div>
</div>
<div class="footer">
{Footer}
</div>

</body>
</html> 

Wer kann mir da einen Tipp geben?

Gruß,
Toasterfraktion

Google · 11-05-2008, 03:40 PM

***Toasterfraktion*** · 02-08-2008, 06:07 PM

So, hat sich nun geklärt, kann nun gut mit <divs> umgehen, habe mir dann gedacht ich bau mir meine Homepage nochmal neu! Nur mit divs und neuenm Design, wobei die Style immernoch der gleiche ist, das logo muss ich auch noch erneuern.
Habe ein Dropdownmenü hinzugefügt und mache nun alles nur mit einer Seite, der index.php.
Ich lasse sie dynamisch und per GET-Parameter den Inhalt wechseln! LoL

Hier mal eine Screenshot:

Wie gefällt euch das Design, was würdet ihr verbessern?

Gruß,
Toasterfraktion