Div Design Zentrieren
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
auto
banner
beide
beitrag
body
center
container
datei
design
element
extrawurst
margin
paar info
platzen
recht
right
sache
sinnen
stehen
-
ich m?chte gerne meine seite komplett centrieren.
aber ich ahbe es commplett mit divs gemacht.
sinn der sache ist das user mit einer h?heren aufl?sung meine seite centriert in ihrem Browserfenster haben. den ich finde es nervt wenn die Seite links am rand klebt und rechts noch platz ist.
also jetzt meine farge wie bekomme ich ein div design Zentriert?
hier mal ein paar info?s zu der Seite
die container sind mit float angeordnet.
was nicht Funktioniert
umfassendes <center>
?berall align:center
umfassendes <div align="center">
mfg
Aradiv
Beitrag ge?ndert am 29.01.2006 13:29 von aradiv -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
css...
______________________
body {
text-align: center; /* extrawurst f?r IE */
//...
}
/* dein div */
#irgendeinname {
margin: 0 auto;
//...
}
______________________
beides wichtig, ohne text-align: center im body stellt es der IE nicht richtig dar.
und dein haupt("umfassendes")-div braucht nur noch ein au?enabstand (margin) 0px von oben und unten(oder wie du es m?chtest) und auto f?r rechts und links.. fertig
Beitrag ge?ndert am 29.01.2006 13:39 von kirschbluete -
naja jetzt is wenigsten der Banner Zentriert.
aber der rest der seite immernochnicht
hier mal die Dateistruktur
<div id="center">
<div id="banner"></div>
<div id="nav"></div>
<div id="content"></div>
<div id="nav2"></div>
</div>
f?r nav steht in der Css datei
float:left;
und f?r nav2 auch
float:right;
nur banner hat keine float angabe. Banner l?sst sich jedoch ohne Probleme Zentrieren nur die beiden anderen nicht
mfg
aradiv
Beitrag ge?ndert am 29.01.2006 14:03 von aradiv -
http://css4you.de/wslayout1/ex0010.html
design angucken, strucktur angucken... umfassendes div dazu und fettig -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage