Zentrierung trotz Scrollbalken
Quurks
- design/layout
WEnn ich meine Webseite zentrieren will, habe ich das Problem, dass immer wenn der Text länger als der Bilschirm ist, d.h. Wenn der Scrollbalken rechts erscheint ist der Inhalt, der per margin-left: auto; und margin-right: auto; zentriert wurde, ein bisschen weiter links als ohne Bildlaufleisten. KAnn man das irgendwie umgehen?
Mein Seitengrungerüst:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css?">
</head>
<body>
<div id="root">
<div id="banner">
Hier der obere Banner
</div>
<div id="menu">
Hier die Menuelinks
</div>
<div id="inhalt">
Hier der Inhalt
</div>
<br style="clear:both">
</div>
</body>
</html>
Hier die Relevantern Teile der Style.css
body
{
font-size: 100.01%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#root {
margin-left: auto;
margin-right: auto;
margin-top: 25px;
width: 970px;
}
#banner
{
margin: 0px;
margin-top: 25px;
padding: 10px;
}
#menu
{
width: 180px;
margin: 0px;
margin-top:10px;
float:left;
display: inline;
text-align: center;
}
#inhalt
{
margin: 0 10px 0 210px;
padding:15px;
}
Ich hab auch schon ausprobiert, den Seiteninhalt mit ca 20 brs immer länger als den Bildschirm zu machen, aber das sieht auch nicht wirklich gut aus
Hallo,
KAnn man das irgendwie umgehen?
ja:
dn text kürzen. keiner liest sich gerne ellenlange Texte durch ;)
MfG. Christoph Ludwig
Aber irgendne andere Methode der Zentrierung der die Bildlaufleisten egal sind gibt es nicht?
Sry for Doppelpost, aber ohne anmeldung kann man nicht editieren
Was dabei auch noch irgendwie ien problem ist ist dass der obere Rand manchma aus irgendwelchen gründen die höhe wechselt, manchmal ist er so gorß wie er sein soll, manchmal nach dem aktualiesieren dioppelt so groß
Moin!
Sry for Doppelpost, aber ohne anmeldung kann man nicht editieren
Auch mit Anmeldung nicht.
- Sven Rautenberg
Hi,
Wenn der Scrollbalken rechts erscheint ist der Inhalt, der per margin-left: auto; und margin-right: auto; zentriert wurde, ein bisschen weiter links als ohne Bildlaufleisten. KAnn man das irgendwie umgehen?
im Prinzip hast Du zwei Möglichkeiten:
1. Seiten mit (zu) kurzen Inhalten erweitern oder
2. min-height nutzen - funktioniert zwar nicht im IE<7, aber der dürfte ja ohnehin einen Geisterbalken anzeigen.
freundliche Grüße
Ingo