dwex
Erfahrenes Mitglied
Hallo Leute,
ich habe eine Seite gebastelt welche vertikal zentriert sein soll.
Das funktioniert auch bestens solange das Browserfenster größer als der Inhalt ist.
Ist es jedoch kleiner wird mir #header abgeschnitten.
Kann mir da bitte einer weiterhelfen?
Hier das CSS:
und hier das HTML:
Vielen Dank für eure Hilfe im Voraus!
ich habe eine Seite gebastelt welche vertikal zentriert sein soll.
Das funktioniert auch bestens solange das Browserfenster größer als der Inhalt ist.
Ist es jedoch kleiner wird mir #header abgeschnitten.
Kann mir da bitte einer weiterhelfen?
Hier das CSS:
Code:
body {
background-color:white;
margin: 0px;
font-family:Arial;
font-size: 12px;
}
hr{
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px rgb(189,9,38);
border-bottom: solid 1px white; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}
h1 {
color: rgb(189,9,38);
font-size: 23px;
}
#container {
/*background-color:yellow;*/
position: absolute;
height: 560px;
width: 100%;
clear:left;
margin: -280px 0px 0px 0px;
top: 50%
}
#header {
/*background-color:silver;*/
width: 900px;
text-align: right;
margin: 0 auto;
}
#content {
/*background-color:silver;*/
width: 900px;
margin: 0 auto;
}
#links {
float:left;
height: 400px;
margin: 20px 0px 20px 120px;
text-align:center;
}
#rechts {
float:left;
height: 400px;
margin: 30px 0px 20px 100px;
text-align:left;
}
.stop {
clear:both;
}
#footer {
/*background-color:silver;*/
width: 900px;
text-align: right;
margin: 0 auto;
color: rgb(131,130,128);
}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE">
<head>
<link href="screen.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="header">
<img src="logo.jpg">
</div>
<hr />
<div id="content">
<div id="links">
<img src="glas.jpg">
</div>
<div id="rechts">
<h1>Wir wachsen und bauen um</h1>
<strong>Große Ideen brauchen großen Freiraum.<br />
Deshalb wird unser Auftritt derzeit überarbeitet.<br />
In Kürze präsentieren wir hier unseren neuen Auftritt</strong><br />
<br />
<br />
<br />
Firmenname<br />
Strasse<br />
PLZ Ort<br />
Telefon: +49 (0)999 888 777<br />
Telefax: +49 (0)666 555 444<br />
E-Mail: email@adresse.asdf<br />
<br />
Vertretungsberechtigter Geschäftsführer: Name<br />
<br />
Registergericht: Amtsgericht Stadt (Handelsregister)<br />
Registernummer: HRB 1234<br />
<br />
Inhaltlich Verantwortlicher gemäß § 55 Abs. 2 RStV: Name (Anschrift wie oben)
</div>
</div>
<hr class="stop">
<div id="footer">
<strong>Webdesign   •   Hosting   •   Programmierung</strong>
</div>
</div>
</body>
Vielen Dank für eure Hilfe im Voraus!