nicht angemeldet
Frage zu position:absolute
N'Abend zusammen,
als "Wenig-Poster" aber eifriger "Viel-Leser" habe ich mich jetzt doch einmal
an einen Seiten-Aufbau mit Hilfe von CSS gewagt...
Aber bereits bei der Positionierung der DIV-Container stoße ich an Probleme.
Auf http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
lese ich folgendes:
"Mit position: können Sie die Positionsart bestimmen. Folgende Angaben sind erlaubt:
absolute = absolute Positionierung, gemessen am Rand des Elternelements. Scrollt mit."
Für mich heißt das, daß ich somit ein DIV #2, welches im DIV #1 (=Elternelement)
liegt, an diesem positionieren kann.
<div id="1">
<div id="2">
</div>
</div>
Jetzt liegt mein DIV #1 (width:500px) aber zentriert auf der Seite und ich
möchte das DIV #2 an dessen rechter oberen Ecke ausrichten:
position:absolute;top:0px;left:0px;
Leider beginnt das DIV #2 aber dann in der rechten oberen Ecke des
Browser-Fensters und das äußere DIV #1 wird völlig ignoriert... :-(
Ist das normal? Habe ich nur einen Denkfehler?
Oder sind meine Test-Browser (MS-IE 6.0 und Phoenix 0.5) total buggy?
(Gerade bei der neusten Gecko-Engine im Phoenix eher unwahrscheinlich...)
Ich freue mich schon auf euere hilf- und lehrreichen Antworten.
Gruß
OLZU
-
Hi,
Für mich heißt das, daß ich somit ein DIV #2, welches im DIV #1 (=Elternelement)
#1 und #2 sind keine gültigen Selektoren für CSS.
liegt, an diesem positionieren kann.
<div id="1">
<div id="2">weder 1 noch 2 ist ein gültiger Wert für das id-Attribut.
Jetzt liegt mein DIV #1 (width:500px) aber zentriert auf der Seite und ich
möchte das DIV #2 an dessen rechter oberen Ecke ausrichten:
position:absolute;top:0px;left:0px;Hm. wie soll das klappen? Du gibst die linke obere Ecke an, es soll aber in der rechten oberen Ecke erscheinen?
Leider beginnt das DIV #2 aber dann in der rechten oberen Ecke des
Browser-Fensters und das äußere DIV #1 wird völlig ignoriert... :-(Ist das normal? Habe ich nur einen Denkfehler?
Oder sind meine Test-Browser (MS-IE 6.0 und Phoenix 0.5) total buggy?IE 6: ja.
Laß doch mal die URL der kompletten Seite sehen (nach den notwendigen Korrekturen, s.o.), damit man sich das ganze im Zusammenhang angucken kann.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.-
Hallo nochmals,
weder 1 noch 2 ist ein gültiger Wert für das id-Attribut.
Ähmm, waren nur Beispiele - wohl etwas unüberlegt...
Jetzt liegt mein DIV #1 (width:500px) aber zentriert auf der Seite und ich
möchte das DIV #2 an dessen rechter oberen Ecke ausrichten:
position:absolute;top:0px;left:0px;
Hm. wie soll das klappen? Du gibst die linke obere Ecke an, es soll aber in der rechten oberen Ecke erscheinen?Sorry, natürlich meinte ich die linke obere Ecke... (is ja schon spät! *g*)
Laß doch mal die URL der kompletten Seite sehen (nach den notwendigen Korrekturen, s.o.), damit man sich das ganze im Zusammenhang angucken kann.
Okay, ich hab mal 'ne abgespeckte Variante ins Netz gestellt:
http://www.zubrod.de/css/index.htm
Meiner Meinung sollte das <div id="header"> (roter Hintergrund) ja nicht ganz
links beginnen...Was läuft hier falsch??
Danke für die Mithilfe.
Gruß
OLZU-
Hi,
kleiner Designhinweis: Auf weiß sieht dein Logo ja recht schick aus, aber auf dem roten Header find ich es nicht so hübsch, weil es auch auf weißem Hintergrund antialiased wurde oder? Sieht man an dem leichten weißen Rand...
Viele Grüße
Ben--
Phantasie ist wichtiger als Wissen. - Albert Einstein -
Okay, ich hab mal 'ne abgespeckte Variante ins Netz gestellt:
http://www.zubrod.de/css/index.htm
Meiner Meinung sollte das <div id="header"> (roter Hintergrund) ja nicht ganz
links beginnen...Was läuft hier falsch??
#header{
position:absolute;Wolltest du nicht relativ positionieren?
Probier mal position:relative;Struppi.
-
Hallo,
#outer{
height:100%;
width:750px;
background-color:#FFFFFF;
margin:auto;
padding:0px;
text-align:center;
position:relative;
}Grüße
Thomas
-
-