nicht angemeldet
Unterelement in zentriertem Element positionieren
Ich habe eine Seite, deren gesamte Inhalte komplett zentriert dargestellt werden sollen. Nun möchte ich relativ dazu ein Element mit CSS positionieren. Wenn ich es wie folgt mache wird das Bild aber leider nicht relativ zum übergeordneten Element ausgerichtet. Wenn ich position:relativ benutze wird das Element an der falschen Stelle angezeigt. Irgendwo habe ich gelesen, dass das postition:absolute nur relativ arbeitet, wenn das übergeordnete Element nicht die Standardformatierung (static) hat. Bloß wenn ich das für das übergeordnete Element ändere (z.b. in absolut) wie bekomme ich es dann zentriert?
<div algin="center">
<!-- Hier ist ein Element gewünscht, was relativ zum div ausgerichtet wird -->
<img style="position:absolute; top:0px; left:0px; z-index:1;" src="einbild.jpg">
<!-- Weiterer Seiteninhalt -->
</div>
Falls das etwas unverständlich war: Mein Ziel ist also ein Element innerhalb eines zentirerten divs absolut zu positionieren.
-
hi,
Irgendwo habe ich gelesen, dass das postition:absolute nur relativ arbeitet, wenn das übergeordnete Element nicht die Standardformatierung (static) hat.
Ja, dass steht bspw. auch in SELFHTML.
Bloß wenn ich das für das übergeordnete Element ändere (z.b. in absolut)
Warum willst du es absolut positionieren?
Es war lediglich davon die Rede, dass die Positionierung _nicht_ static sein soll.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Warum willst du es absolut positionieren?
Es war lediglich davon die Rede, dass die Positionierung _nicht_ static sein soll.Ja, aber erwähnte ja bereits, dass andere Möglichkeiten, wie position:relativ für das übergeordnete Element eben auch nicht zum gewünschten Ziel geführt haben.
Vielleicht habe ich mich ja auch etwas undeutlich ausgedrückt:
- Ich habe eine Seite, sagen wir z.b. mal 600px breit mit viel "Zeugs" drinne
- Diese ganze Seite soll immer zentriert dargestellt werden, also habe ich sie in ein <div align="center"> gepackt
- Nun möchte ich einige Elemente INNERHALB der zentrierten Bereichs absolut positionieren.
Ich wäre sehr dankbar, falls mir jmd. einen Tipp geben kann (oder besser noch einen funktionierenden Quelltextausschnitt) :-).
-
hi,
- Diese ganze Seite soll immer zentriert dargestellt werden, also habe ich sie in ein <div align="center"> gepackt
Pfui bah.
http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrieren
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Vielen Dank erstmal. Mit margin-left:auto usw. habe ich nix zentriert bekommen. Hier mal ein Code zum Testen:
<html>
<head></head>
<body>
<!-- anstatt position:absolute habe ich hier auch schon relativ usw. probiert -> wird nicht zentriert -->
<div style="position:absolute; margin-left:auto; margin-right:auto;"><img style="position:absolute; top:0px; left:0px; z-index:1;" src="http://www.google.de/intl/de_de/images/logo.gif">
<table style="background:blue; color:black; width:600px; height:600">
<tr>
<td> cell1</td> <td>cell2</td>
</tr>
</table></div>
</body>
</html>-
hi,
Mit margin-left:auto usw. habe ich nix zentriert bekommen.
Und in welchem Browser hast du getestet ...?
<html>
<head></head>Aha, Quirksmode also.
Ein Stichwort, über das du dich informieren solltest.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-
-
Tachchen!
Offensichtlich weißt du doch schon alles Nötige, um dein Problem zu lösen!? ;-)
Die willst das innere Element _absolut_ positionieren und dein
Bezugsvorfahrenelement darf _nicht static_ angezeigt werden.Wieviele Möglichkeiten bleiben denn da? ;-)
Gruß
Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
Smartbytes Webdesign in Oberhausen-
Offensichtlich weißt du doch schon alles Nötige, um dein Problem zu lösen!? ;-)
Theoretisch vielleicht, wenn überhaupt. Aber praktisch funktioniert es halt noch nicht ;). Wenn ich jetzt z.b. für das übergeordnete Element position:absolute angebe, wie bekomme ich es dann zentriert? align="center" funktioniert ja dann nicht mehr. Und die anderen Möglichkeiten, wie position:relativ haben auch nicht geklappt :(.
-
Tachchen!
Und die anderen Möglichkeiten, wie position:relativ haben auch nicht geklappt :(.
Was hat denn bei position:relative nicht geklappt?
Gruß
Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
Smartbytes Webdesign in Oberhausen
-
-