✔ 2 Div's untereinander

Sebigf · 13. Februar 2006

Hallo zusammen

Wieder ein CSS Problem.
Ich habe 2x DIV. Einmal einen Container und einmal eine BOX die als Copyright-Fenster aggieren soll.

Hier einmal das ganze Spektakel (nur für michaelsinterface! Weisst schon warum ;-))

CSS

Code:

.container { min-height: 700px; width:914px; background-color:#cccccc; border-top:solid 7px #FFFFFF; position:absolute; left:50%; margin-left: -457px; }

.copyright { color:#969696; background-color:#000000; width:914px; padding:10px; margin:0px; height:35px; border-top: solid 1px; #999999; }

HTML

HTML:

<body>
<div class="container">container</div>
<div class="copyright">box2</div>
</body>

Wie es bei mir aussieht, habe ich als GIF angehangen.
Wie gesagt, es soll unter einander sein.

1. container
2. BOX (copyright)

Danke

Maik · 13. Februar 2006

Hier mein Lösungsvorschlag:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
div.wrapper
{
position:absolute;
left:50%;
margin-left: -457px;
width:914px;
}

div.container
{
min-height: 700px;
background-color:#cccccc;
border-top:solid 7px #FFFFFF;
}

* html div.container /* Für IE */
{
height: 700px;
overflow: visible;
}

div.copyright
{
color:#969696;
background-color:#000000;
padding:0;
margin:0px;
height:35px;
border-top: solid 1px; #999999;
}

div.container p, div.copyright p
{
margin: 0;
padding: 10px;
}
-->
</style>

</head>
<body>

<div class="wrapper">
     <div class="container"><p>container</p></div>
     <div class="copyright"><p>box2</p></div>
</div>

</body>
</html>

✔ 2 Div's untereinander

Sebigf

Erfahrenes Mitglied

Anhänge

Maik

Neue Beiträge