nicht angemeldet
position von Elementen bestimmen?
0 0 
Struppi
position von Elementen bestimmen?
Hi,
ich baue mir gerade eine kleine Website zusammen und komme mit dem css-code position:absolute nicht so wirklich klar.
Ich möchte ein Bild mit <img src='..' width='100%' style='position:absolute;left:0px;right:0px;top:0px;'>
an den Kopf der Seite setzen und dann erst darunter mit dem weiteren Inhalten der Seite anfangen...
Es passiert jedoch automatisch, dass sich der Text der nach <img...> steht hinter das Bild legt! Wie kann ich das verhindern?
Schonmal Danke für die Hilfe
Fabi
-
Hy,
Wenn du das nicht mit position:absolute machst sollte das gehen.
Du musst für den Body folgendes festlegen:<style type="text/css">
body { margin:0; padding:0; }
</style>und dann das Bild:
<img src='...' width='100%' />-
ah ok, so klappts!Danke... das mit margin hatte ich vorher auch ausprobiert, aber da war immer noch ein Rand. An das padding hab ich garnicht gedacht!
Super, danke
Fabi
-
-
ich baue mir gerade eine kleine Website zusammen und komme mit dem css-code position:absolute nicht so wirklich klar.
Deshalb rät hier auch fast jeder davon ab mit position zu arbeiten, gerade wenn man mit CSS anfängt. Absolut positionierte Elemente brauchst du nur ganz selten auf einer HTML Seite.
Ich möchte ein Bild mit <img src='..' width='100%' style='position:absolute;left:0px;right:0px;top:0px;'>
an den Kopf der Seite setzen und dann erst darunter mit dem weiteren Inhalten der Seite anfangen...Nichts leichter als das:
<body>
<div><img src="...." ....></div>
<p>Weiterer Inahlt. </p>Wahlweise kannst du das Bild auch per CSS in ein Blockelement umwandeln.
Es passiert jedoch automatisch, dass sich der Text der nach <img...> steht hinter das Bild legt! Wie kann ich das verhindern?
Indem du auf Positionierung verzichtest.
Struppi.