Bild bleibt nicht auf Position
Serai
- css
Hallo,
ich hab ein Problem was mir echt den letzten nerv kostet.
Und zwar hab ich in einer tabelle mehrer Bilder eingefügt.
Die sollten sich überlappen, das hab ich auch hinbekommen.
Doch wenn mein Freund die Seite anschauen will, sind die Bilder total verschoben.
<table width="100%" border="0" cellspacing="3" cellpadding="185" class="aktiv">
<tr>
<td class="text" style="widht:150px";>
<div style="position:absolute; top:475px; left:600px; z-index:3;">
<a href="schafschau.html" class="ab12">Schafschau 2009</a>
</div>
<div style="position:absolute; top:370px; left:780px; z-index:2;">
<img src="grafik/schaf.png" width="215" height="200">
</div>
<div style="position:absolute; top:330px; left:530px; z-index:2;">
<img src="grafik/Sprechblase.png" width="600" height="250">
</div>
<div style="position:absolute; top:180px; left:300px; z-index:1;">
<img src="grafik/schafe_vorne.jpg" width="680" height="310">
</div>
<div style="position:absolute; top:450px; left:310px; z-index:2;">
<a href="Plakat09.pdf" target="_blank">
<img src="grafik/Plakat.JPG" width="140" height="100" border="0">
</a></div>
</td>
</tr>
</table>
Bitte kann mir jmd helfen? Ich hab schon sämtliche forums durchstöbert aber nichts dazu gefunden.
LG
Serai
Hallo!
Warum machst Du das in einer Tabelle? Die Daten, die Du so strukturierst, sind doch ganz offensichtlich nicht tabellarisch... ganz zu schweigen davon, dass auch die divs überflüssig sind.
Bitte schreibe erst einmal semantisches XHTML und dann komme auf das CSS-Problem zurück, welches ganz offensichtlich darin besteht, dass sein Browser bestimmte Angaben anders interpretiert als Deiner.
Gruß, LX
Hallo LX,
ich kann das nur in tabellen machen weil mir das vorgeschrieben wurde.
Das mit den divs hab ich aus http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index@title=Selfhtml kopiert weil ich ja die bilder überlappen muss.
Ich hab aber schon eine vermutung woran es liegen könnte und zwar am position:absolute, aber mir fällt keine alternative dazu ein.
LG
Serai