michael: ein layer neben einem anderen?

hallo noch mal =)

ich hab gestern ein wenig mit layern herumgespielt und möchte damit, da erheblich weniger aufwand als mit tabellen, teile meiner webseite ersetzen.

es gibt aber ein problem:

<div id="text" style="position:relative; left:55; top:65;">text</div>
<div id="text" style="position:relative; left:41; top:65;">text</div>
<div style="position:relative; top:73;"><img src="grafik_1" width="127" height="118" border="0"></div>
<div style="position:relative; left:130;"><img src="grafik_2" width="131" height="125" border="0"></div>

alles wird von einem tabellenrand aus positioniert. das klappt auch alles super - nur sollen die beiden unteren grafiken nebeneinander und das habe ich noch nicht hinbekommen. grafik_2 positioniert sich unter grafik_1 und das soll nicht sein. grafik_2 soll 130px weiter rechts von grafik_1 positioniert werden. ich habe dann mal alle div-tags durch span ersetzt und den textumbruch durch br's erzwungen. damit bekomme ich dann die grafiken auch nebenbeinander, allerdings nur im internet explorer... in netscape 6 klappt das nicht.

weiß jemand rat?

danke,
michael.

  1. hallo noch mal =)

    ich hab gestern ein wenig mit layern herumgespielt und möchte damit, da erheblich weniger aufwand als mit tabellen, teile meiner webseite ersetzen.

    es gibt aber ein problem:

    <div id="text" style="position:relative; left:55; top:65;">text</div>
    <div id="text" style="position:relative; left:41; top:65;">text</div>
    <div style="position:relative; top:73;"><img src="grafik_1" width="127" height="118" border="0"></div>
    <div style="position:relative; left:130;"><img src="grafik_2" width="131" height="125" border="0"></div>

    erstmal brauchen die left und top angaben 'ne Einheit - mit left:55px; usw sieht das schon ganz anders aus.

    Die beiden Texte sind untereinander, der untere leicht nach rechts versetzt. Die Grafiken sind nebeneinander, die rechte etwas weiter unten.

    1. erstmal brauchen die left und top angaben 'ne Einheit - mit left:55px; usw sieht das schon ganz anders aus.

      ja, jetzt ist sieht es im quelltext ordentlicher aus...

      Die beiden Texte sind untereinander, der untere leicht nach rechts versetzt. Die Grafiken sind nebeneinander, die rechte etwas weiter unten.

      warum ist die rechte grafik denn etwas weiter unten als die linke? ich möchte die exakt nebeneinander, beide 73px unter dem oberen rand von der tabelle und die rechte grafik 153px neben der linken. und zwar auf einer höhe....

      1. hi

        warum ist die rechte grafik denn etwas weiter unten als die linke? ich möchte die exakt nebeneinander, beide 73px unter dem oberen rand von der tabelle und die rechte grafik 153px neben der linken. und zwar auf einer höhe....

        wenn du die beiden von der oberen Zellecke ausrichten willst, musst du position:absolute; verwenden.
        position:relativ; richtet die elemente nur relativ zu der position aus, wo sie ohne diese Angabe wären