Autor |
Nachricht |
miras
Threadersteller
Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.11.2005 09:26
Titel ccs->positionieren->mittig |
|
|
Hallo,
ich versuch grad eine Website ohne Tabellen zu gestalten, nur mit <div>.Hab die eigentliche Webite in einem DIV mit festen Größenangaben (500,300), das klappt auch soweit. Nun will ich dieses DIV aber mittig positionieren. Aber das klappt leider nicht. Hab jetzt ein DIV drumherumgelegt, aber komme trotzdem nicht weiter:-(((Habe jetzt schon diverse Seiten durchsucht finde aber einfach nicht die Befehle die mir das ermöglichen. Ich kann über all feste Angaben machen, aber da die Browsergröße immer variiert, bringt mich das nicht weiter. Benutze ich z.B.left 50% setzt er mir ja die Anfangskante erst bei 50%, also ist das wieder nicht mittig, nehme ich vertical-align:50% passiert gar nichts.
Welchen Befehl nutze ich da? Wie gesagt es ist alles Neuland für mich.
hier der vereinfachte Code, die grüne Box soll in die Mitte.
Code: |
<div style="background-color:blue;width:100%;height:100%;vertical-align:middle;">
<div style="position:absolute;background-color:green;blue;width:500px;height:300px;">
blabla
</div>
</div> |
Vielen Dank schonmal.
lg die miras
Zuletzt bearbeitet von miras am Mi 23.11.2005 09:28, insgesamt 2-mal bearbeitet
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
miras
Threadersteller
Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.11.2005 10:32
Titel
|
|
|
danke schonmal, hab auch was gefunden was geholfen hat. Es funktioniert mit diesen negativen margin Werten, in einem der ARtikel hab ich aber gelesen das sich das mit margin-right:auto und margin-left:auto auch realisieren lässt. Hab das jetzt mal probiert, weil ich das besser finden würde aber leider funzt das nicht
was mach ich da falsch:
Code: |
<div style="position:absolute;background-color:green;blue;width:500px;height:300px;margin-right:auto;margin-left:auto">
blabla
</div> |
vielen dank
|
|
|
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 46
Geschlecht:
|
Verfasst Mi 23.11.2005 10:51
Titel
|
|
|
Du hast wahrscheinlich noch keine DTD angegeben im Header.
Mach mal aus
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
das hier:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd"> |
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 23.11.2005 11:07
Titel
|
|
|
miras hat geschrieben: | danke schonmal, hab auch was gefunden was geholfen hat. Es funktioniert mit diesen negativen margin Werten, in einem der ARtikel hab ich aber gelesen das sich das mit margin-right:auto und margin-left:auto auch realisieren lässt. Hab das jetzt mal probiert, weil ich das besser finden würde aber leider funzt das nicht
was mach ich da falsch:
Code: |
<div style="position:absolute;background-color:green;blue;width:500px;height:300px;margin-right:auto;margin-left:auto">
blabla
</div> |
vielen dank |
echt? - wo haste das gelesen. Meines Wissens
funktioniert das ja nur zum horizontalen
zentrieren eines Elements (in Verbindung mit
text-align:center im body, der container darf
dann aber auch nicht absolute positioniert
werden - dann klappt das auch mit z.B.
margin: 0px auto).
Was ist denn an der Variante mit den negativen
Margins so unschön?
|
|
|
|
|
miras
Threadersteller
Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.11.2005 11:28
Titel
|
|
|
@raumwurm
klick
@nimroy
habs jetzt so, funzt auch net
Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenannt</title>
</head>
<body>
<div style="position:absolute;background-color:green;blue;width:500px;height:300px;margin-right:auto;margin-left:auto">
blabla
</div>
</body>
</html>
|
Zuletzt bearbeitet von miras am Mi 23.11.2005 11:29, insgesamt 1-mal bearbeitet
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 23.11.2005 11:40
Titel
|
|
|
miras hat geschrieben: | @raumwurm
klick
|
Da steht ja auch »1. Horizontale Zentrierung mit margin:auto;«
|
|
|
|
|
miras
Threadersteller
Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.11.2005 11:43
Titel
|
|
|
er zentrierts aber nicht horizontal und auch nicht vertikal, naja egal och
trotzdem danke
|
|
|
|
|
|
|
|
Ähnliche Themen |
mittig positionieren ...
CSS : Mittig positionieren. Hilfe!
grafik mit css mittig positionieren
Seite mittig positionieren via css
jquery slideshow mittig positionieren
div-box mittig ausrichten
|
|