Cicco0: DIV und CSS

Beitrag lesen

SELF-Forum

DIV und CSS

Cicco0
– Informationen zu den Bewertungsregeln

Hiho Zusammen,

Leider hab ich den Dreh noch nicht so richtig raus mit DIV und CSS, bin aber auf gutem Weg ;-)

Nun aber zum eigentlichen Problem. Das Grundlayout wurde erstellt ohne Probleme, jedoch aber wenn man das Fenster vergrößert, verschieben sich die Layer nebeneinander, und das sollte es nicht.

Wo liegt das Problem an diesem Code?

  
<head>  
 <title>Grundbau</title>  
 <link rel="Stylesheet" type="text/css" href="script/main.css">  
</head>  
<body bgcolor="#000000">  
<div id="kat4">  
 <div style="width:100px; height:100px;">Logo</div>  
 <div style="width:100px; height:10px;">Text Zum Logo</div>  
</div>  
<div id="kat1">Kat1</div>  
<div id="kat2">Kat2</div>  
<div id="kat3">Kat3</div>  
<div id="kat3" style="margin-top:1px;">Kat4</div>  


  
div {  
 float: left;  
}  
div#kat1 {  
 font-size: 12px;  
 font-family: Tahoma;  
 background-color: #FFFFFF;  
 height: 383px;  
 width: 191px; float: left;  
}  
div#kat2 {  
 font-size: 12px;  
 font-family: Tahoma;  
 background-color: #FFFFFF;  
 height: 383px;  
 width: 610px;  
 margin-left: 1px;  
 margin-right: 1px; float: left;  
}  
div#kat3 {  
 font-size: 12px;  
 font-family: Tahoma;  
 background-color: #FFFFFF;  
 height: 191px;  
 width: 191px; float: left;  
}  
div#kat4 {  
 font-size: 12px;  
 font-family: Tahoma;  
 background-color: #FFFFFF;  
 width: 994px;  
 height: 100px;  
 margin-bottom: 1px;  
}

Danke schon im Voraus für eure freundliche Hilfe.

Freundlicher Gruß
Cicco0

Beitrag melden
–
Informationen zu den Bewertungsregeln