Grugeschu
Lt. Commander
- Registriert
- Juli 2006
- Beiträge
- 1.855
Hallo ich habe ein kleines Problem und finde keine Lösung außer mit Tabellen zu arbeiten, was ich eigentlich aber nicht möchte aus verschiedenen Gründen.
Ich schreib mir grad das Layout für eine Datenbank und wollte den inhalt in die Box Content geben lassen. die von den conten_ Boxen umrahmt wird.
Wenn ich jetzt in den Container Content reinschreibe macht der keinen textumbruch und zerhaut mir das Design.
Die CSS Datei sieht so aus
Der Geschlossene Rahmen wird von Text gebrochen und das sieht leider so aus
Wie kann ich dafür sorgen das ein normaler automatischer Textumbruch erfolgt und die Grenzen der Div Container nicht von dem Text überschritten werden ohne Tabellen zu nutzen?
Ich schreib mir grad das Layout für eine Datenbank und wollte den inhalt in die Box Content geben lassen. die von den conten_ Boxen umrahmt wird.
Wenn ich jetzt in den Container Content reinschreibe macht der keinen textumbruch und zerhaut mir das Design.
HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Design</title>
<body>
</body>
</head>
</html>
<div id="wrapper">
<div id="banner"></div>
<div id="navi">
<a href="index.html" class="navileiste">
<img name="home" border="0" width="60" height="20">Home</a><!src="img/button.png">
</div>
<div id="content_o"></div>
<div id="content_l"><br></div>
<div id="content_r"><br></div>
<div id="content">
Bla Fasel Inhaltsdasfdgsdsdgjsdjkhsdjksdjhsdjhsdfjkhsfdjk
sfdjksfdhjfsdjfsdjkfdsjkhfdhdsfjksfdjsdsdfhgsdfhs
fdhjfsdhsfdhfshfdshfdshfdshsfdhsfdhfdshsfdhsfdzufsd gsdfhgfdhgf
</div>
<div id="content_u"></div>
</div>
<div id="info"></div>Die CSS Datei sieht so aus
Code:
#wrapper{
width: 800px;
margin: auto;
background-color: #FF0000;
}
#banner {
height: 120px;
width: 800px;
background-color: #F00200;
background-image: url('img/banner.png');
/*padding: 5px;*/
}
#navi {
height: 20px;
width:800px;
background-color: #444444;
background-image: url('img/navi.png');
background-repeat: repeat-x;
}
#content_o{
width: 800px;
height: 20px;
background-color: #222222;
background-image: url('img/rahmeno.png');
}
#content_l{
width: 20px;
background-color: #455643;
float: left;
background-image: url('img/rahmenl.png');
}
#content{
width: 780px;
background-color: #FFFFF1;
float: none;
}
#content_r{
width: 20px;
background-color: #455643;
float: right;
background-image: url('img/rahmenr.png');
}
#content_u{
width: 800px;
height: 20px;
background-color: #222222;
background-image: url('img/rahmenu.png');
}Der Geschlossene Rahmen wird von Text gebrochen und das sieht leider so aus
Wie kann ich dafür sorgen das ein normaler automatischer Textumbruch erfolgt und die Grenzen der Div Container nicht von dem Text überschritten werden ohne Tabellen zu nutzen?
Anhänge
Zuletzt bearbeitet:
