Ebenen

Darkxor

Hallo, ich suche schon länger nach Möglichkeiten, dass ich Ebenen über Bilder kriege und wurde jetzt fündig.

Code

<div id="layer1" style="width:200px; height:200px; [b]position:absolute[/b]; left:0px; top:20px; [b]z-index:1;[/b]">



Inhalt blabla ich bin Text</p>
</div>

Wobei ich das dick makierte nicht verstehe.
Jedoch habe ich diese Einstellung auch in meinem Webeditor gefunden, mit dem ich die Position schön anpassen kann.
Aber die Browser zeigen es unterschiedlich an und wenn man das Fenster verkleinert verschiebt es sich auch noch. Gibt es da Lösungen bzw. bessere Möglichkeiten?

Danke

Editor: http://www.abload.de/img/editora42.png
Firefox: http://www.abload.de/img/firefox9ab.png
IE: http://www.abload.de/img/ie5lcw.png

jojo87

Warum arbeitest du nicht mit Hintergrundbildern?

Ansonsten setz mal ien

Code

* {
margin: 0;
padding: 0;
}

ganz an den Anfang deines css-codes und verwende einen vernünftigen Doctype, dann hast du auch nicht mehr so viel Probleme mit den Browsern.

Gruß,
Jojo

sejuma

Ich rate dir von positiion absolute ebenfalls ab, weil das sehr starr ist und eigentlich nur dann benötigt wird, wenn sich zwei divs gezielt überlappen sollen.
Weise dem div mit dem Text eine Hintergrundgrafik zu.

Darkxor

Hallo,

Doctype ist .html

So, weil ich habe gar keine CSS:

Code

<style type="text/css">
* {
margin: 0;
padding: 0;
} 
</style>

Zitat

Warum arbeitest du nicht mit Hintergrundbildern?

Gute Frage... so?

Code

<body background=bild.jpg style="background-repeat:no-repeat">

Brauch ich aber noch ne möglichkeit es in die Mitte zu kriegen..

sejuma

http://www.css4you.de/background-image.html

So wie ich deine Demos verstanden habe, benötigst du das nicht für die gesamte Seite, sondern lediglich für einen div (nicht für den body). Dem musst du noch eine Breite (am besten die der Grafik) zuweisen und zentrieren:

Code

<div id="layer1" style="width:200px; height:200px; margin: 0 auto; background-image: url(bild.jpg); background-repeat- no-repeat;">






Text
</p>
</div>

jojo87

Das hier ist ein Doctype:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Darkxor

Danke habt mir sehr geholfen.

Ebenen

Tags

Benutzer online in diesem Thema