✔ CSS und Hintergrundanzeige

Status
Nicht offen für weitere Antworten.
E

Ellie

Erfahrenes Mitglied
Hallo,

eine vielleicht "blond aber dumm"-Frage, die mich schon das Wochenende beschäftigt hat.

Wie bekomme ich es hin, daß die Hintergrundfarbe in entsprechender Höhe des "body"-div zum Rest dargestellt wird?

Die Höhe des gesamten Blocks soll variabel sein und die Fußzeile unten mitwandern, was auch klappt.

Wäre nett wenn da jemand von euch schreibt wie das realisierbar ist.

LG;
Ellie

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<title></title>

<style type="text/css">

.body{
background:#FFFFFF;
border:1px solid;
width: 800px;
margin-left:10%;
margin-right:10%;
margin-top:100px;
margin-bottom:50px;
}

.linkstable{
float:left;
width:180px;
background:#A80808;
border:1px solid;
margin-left:5px;
margin-right:5px;
margin-top:10px;
}

.mittetable{
float:left;
width:400px;
background:#A80808;
border:1px solid;
margin-left:5px;
margin-right:5px;
margin-top:10px;
}

.rechtstable{
float:left;
width:180px;
background:#A80808;
border:1px solid;
margin-left:5px;
margin-right:5px;
margin-top:10px;
}
.fusstable{
float:left;
width:784px;
background:#A80808;
border:1px solid;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:10px;
text-align:right;
}

</style>
</head>

<body bgcolor="#e1e1e1">

<div class="body">

<div class="linkstable">
test <br/>

test <br/>
test <br/>
test <br/>
</div>

<div class="mittetable">
test <br/>

test <br/>
test <br/>
test <br/>
test <br/>
test <br/>
test <br/>

test <br/>
</div>

<div class="rechtstable">
test <br/>
test <br/>
test <br/>

</div>

<div class="fusstable">
test
</div>

</div>

</body>
</html>
Zum Vergrößern anklicken....
 
Hi Ellie, ich hoffe ich verstehe dich richtig, da deine Seite in jedem Browser etwas anders aussieht. Aber ich gehe mal davon aus du meinst den weißen Hintergrund den man im Opera auch so zu sehen bekommt usw.. Du nutzt FF oder Mozilla?

Naja, falls ich richtig liege, hier der Code:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <html>
 <head>
 
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 
 <title></title>
 
 <style type="text/css">
 
 .main{
 background-color:#FFFFFF;
 border:1px solid;
 width: 800px;
 margin-left:10%;
 margin-right:10%;
 margin-top:100px;
 margin-bottom:50px;
 }
 
 .linkstable{
 float:left;
 width:180px;
 background:#A80808;
 border:1px solid;
 margin-left:5px;
 margin-right:5px;
 margin-top:10px;
 }
 
 .mittetable{
 float:left;
 width:400px;
 background:#A80808;
 border:1px solid;
 margin-left:5px;
 margin-right:5px;
 margin-top:10px;
 }
 
 .rechtstable{
 float:left;
 width:180px;
 background:#A80808;
 border:1px solid;
 margin-left:5px;
 margin-right:5px;
 margin-top:10px;
 }
 .fusstable{
 float:left;
 width:784px;
 background:#A80808;
 border:1px solid;
 margin-left:5px;
 margin-right:5px;
 margin-top:0px;
 margin-bottom:10px;
 text-align:right;
 clear: both;
 }
 
 </style>
 </head>
 
 <body bgcolor="#e1e1e1">
 
 <div class="main">
 
 <div class="linkstable">
 test <br/>
 
 test <br/>
 test <br/>
 test <br/>
 </div>
 
 <div class="mittetable">
 test <br/>
 
 test <br/>
 test <br/>
 test <br/>
 test <br/>
 test <br/>
 test <br/>
 
 test <br/>
 </div>
 
 <div class="rechtstable">
 test <br/>
 test <br/>
 test <br/>
 
 </div>
 
 <div class="fusstable">
 test
 </div>
 <br style="clear:both;" />
 </div>
 
 </body>
 </html>



Gruß
 
He,

cool, hab vielen Dank.

Na, ich fang ja erst an mit css, da kommen noch ein paar Rätsel auf mich zu.

LG,
Ellie :D
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück