0x0ERROR: DIV-Layout

Beitrag lesen

SELF-Forum

DIV-Layout

0x0ERROR
– Informationen zu den Bewertungsregeln

Hallo,
ich habe das Layout fertig gestellt,
habe nun aber das Problem,
das wenn ich zu viel Text in ein Feld laden, steht
der Text teilweise außerhalb des Layout. Wie kann ich
das vermeiden? Die Tipps werde ich noch berüksichtigen,
ich will mich jetzt vorerst nur mit dem Programmieren des
Php-Teil der Website auseinandersetzen und nur ein grobes Layout
zum entwickeln haben,

  
<!DOCTYPE html>  
<html>  
<head>  
<title>Titel</title>  
<link rel="stylesheet" href="css/style.css" type="text/css">  
</head>  
<body>  
<div id="main">  
<div id="header">  
<div id="logo">  
<img id="log" src="logo.gif">  
</div>  
<div id="middle">  
<div id="up">  
Oben</div>  
<div id="down">  
Unten  
</div>  
</div>  
<div id="login">  
Login-Script  
</div>  
</div>  
<div id="sidebar">  
<div id="links">  
Links</div>  
<div id="werkzeuge">  
Werkzeuge</div>  
<div id="impressum">  
Impressum<br>AGB</div>  
</div>  
</div>  
</body>  
</html>  


  
html{  
  background-color: white;  
  height:100%;  
}  
body{  
  background-color: white;  
  height:97%;  
}  
#main {  
background-color: green;  
height: 100%;  
}  
#header {  
/* border-style:inset; */  
border-color:#FF9999;  
background-color: red;  
width: 100%;  
height: 15%;  
float: left;  
}  
#logo {  
height: 100%;  
width: 15%;  
float: left;  
}  
#log {  
 height: 100%;  
 width: 100%;  
}  
#middle {  
background-color: black;  
height: 100%;  
width: 65%;  
float: left;  
}  
#up {  
background-color: grey;  
height: 50%;  
width: 100%;  
float: left;  
}  
#down {  
background-color: brown;  
height: 50%;  
width: 100%;  
float: left;  
}  
#login {  
background-color: silver;  
height: 100%;  
width: 20%;  
float: left;  
}  
#sidebar {  
background-color: maroon;  
height: 85%;  
width: 15%;  
float: left;  
}  
#links {  
background-color: silver;  
height: 45%;  
width: 100%;  
float: left;  
}  
#werkzeuge {  
background-color: grey;  
height: 45%;  
width: 100%;  
float: left;  
}  
#impressum {  
background-color: yellow;  
height: 10.1%;  
width: 100%;  
float: left;  
}

0x0ERROR

Beitrag melden
–
Informationen zu den Bewertungsregeln