Autor |
Nachricht |
landungsbrücken
Threadersteller
Dabei seit: 13.08.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 16.11.2006 20:36
Titel problem mit css - speziell mit text im div-bereich |
|
|
hallo. habe ein kleines problem mit folgendem code. das background div sollte sich mit größerem text nach unten verlängern. das macht es auch im ie aber nicht im firefox. nur finde ich den fehler nicht. vielleicht kann mir hier jemand helfen? das div mit der id:backall sollte also mit für den kompletten inhalt mit runter gehen...
hier die html
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>hallo</title>
<link rel="stylesheet" href="style1.css" type="text/css" media="screen">
</head>
<body>
<center>
<div id="all">
<div id="top">
<div id="navigation">
</div>
<div id="logo">
<img src="logo.jpg" width="216" height="49" alt="" border="0">
</div>
</div>
<div id="image">
<img src="img_start.jpg" width="716" height="257" alt="" border="0">
</div>
<div id="content">
<div id="text_withcol">
<p> orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lore
</div>
<div id="col">
adf
</div>
</div>
</div>
<div id="footer"></div>
</center>
</body>
</html> |
hier die css
Code: | /* CSS Document */
/*---------------------------------------------
HTML und BODY
---------------------------------------------*/
html {
min-width: 783px;
}
body {
background-color: #F1F1F1;
border: 0;
padding: 0;
margin: 0;
font-size: 11px;
font-family: arial, verdana;
color: #5A5A5A;
text-align: left;
}
/*---------------------------------------------
BEREICHE
---------------------------------------------*/
#all {
position: relative;
width: 783px;
padding: 0;
/*min-height: 600px;*/
text-align: left;
background: #FFFFFF url(back_all.gif) repeat-y top left;
}
#top {
width: 783px;
height: 60px;
}
#navigation {
padding-left: 34px;
float: left;
width: 498px;
margin-top: 53px;
}
#logo {
padding-right: 35px;
float: left;
margin-top: 21px;
}
#image {
clear: both;
padding-top: 20px;
width: 783px;
text-align: center;
}
#content {
clear: both;
padding-top: 30px;
width: 783px;
}
#text_withcol {
padding-left: 34px;
padding-right: 43px;
float: left;
width: 455px;
height: 60px;
}
#col {
padding-right: 35px;
float: left;
height: 60px;
}
#footer {
clear: both;
position: relative;
width: 783px;
padding: 0;
height: 19px;
background: #FFFFFF url(back_footer.gif);
}
|
|
|
|
|
|
mtk
Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 37
Geschlecht:
|
Verfasst Fr 17.11.2006 08:56
Titel
|
|
|
Ähemmm!
Wo hast du denn einen Background außer im Footer angegeben?
Der müsste dann ja wohl im div#col angegeben sein! Oder hab ich hier was übersehen?
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 17.11.2006 12:04
Titel
|
|
|
Code: | #all {
position: relative;
width: 783px;
padding: 0;
/*min-height: 600px;*/
text-align: left;
background: #FFFFFF url(back_all.gif) repeat-y top left;
overflow:hidden;
}
#top {
width: 783px;
height: 60px;
}
#navigation {
padding-left: 34px;
float: left;
width: 498px;
margin-top: 53px;
}
#logo {
padding-right: 35px;
float: left;
margin-top: 21px;
}
#image {
clear: both;
padding-top: 20px;
width: 783px;
text-align: center;
}
#content {
clear: both;
padding-top: 30px;
width: 783px;
height:auto;
overflow:hidden;
}
#text_withcol {
padding-left: 34px;
padding-right: 43px;
float: left;
width: 455px;
height: auto;
}
#col {
padding-right: 35px;
float: left;
min-height: 60px;
}
#footer {
width: 783px;
padding: 0;
height: 19px;
background: #FFFFFF url(back_footer.gif);
} |
|
|
|
|
|
landungsbrücken
Threadersteller
Dabei seit: 13.08.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 17.11.2006 12:50
Titel
|
|
|
@m: hm. funzt noch nicht ganz... jetzt wird im firefox zwar der background bis zum footer hin angezeigt, aber der text innendrin wird einfach abgeschnitten. ist also nicht , abhängig vom textumfang, variabel in der höhe.
@mtk: na im div#all ist der background noch drin
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 17.11.2006 13:12
Titel
|
|
|
landungsbrücken hat geschrieben: | @m: hm. funzt noch nicht ganz... jetzt wird im firefox zwar der background bis zum footer hin angezeigt, aber der text innendrin wird einfach abgeschnitten. ist also nicht , abhängig vom textumfang, variabel in der höhe.
@mtk: na im div#all ist der background noch drin ;) |
Also bei mir wird es in Firefox 2.0, IE6 und Opera9 korrekt angezeigt.
|
|
|
|
|
|
|
|
Ähnliche Themen |
div Bereich ist im IE mindestens so hoch wie eine Text-Zeile
seiten speziell für handy
Problem bei der Ausrichtung von Text
text shadow - Problem
CSS: Druck-CSS für Formularfelder, speziell <textarea>...
Director Xtra(Text)-Problem
|
|