blacksy
Aktives Mitglied
Thread Starter
- Dabei seit
- 14.12.2004
- Beiträge
- 1.851
- Reaktionspunkte
- 7
Hallo, ich hab ein kleines Problem mit Div-Layern.
In meinem Weblog sehen diese unterteilenden Bilder mit "Blabla Wrote" unter Safari aus wie sie aussehen sollen, unter Opera und dem Internet Explorer sieht es allerdings aus irgend einem Grund so aus: http://www.geocities.com/athena_hp/misc/pimpscreenie.jpg
Die Namensbanner sollen bis ganz an den Rand gehen (auf beiden Seiten), da die Inhalte (inkl Banner, Texte etc) vom CMS allerdings in eine Tabelle geparst werden die nicht bis ganz an den Rand geht.
Also blieb mir nichts anderes übrig als die Bilder in einen Layer zu packen und den dann korrekt zu positionieren. Und zwar relativ um 39 Pixel nach Links verschoben.
Positioniert man die Layer relativ, dann schlucken Firefox und Safari das zwar ohne Murren, der Internet Explorer und Opera drehen allerdings total durch: Obwohl das Bild eigentlich in einem Layer ist, wird die Tabelle die den Layerquelltext enthält (und eigentlich nur 420 px breit sein sollte) auf die Breite des Bildes gestreckt und zudem wird der Layer um etwa 30 Pixel nach Links verschoben...
Ich hab schon einige andere Lösungen ausprobiert, aber bei denen hat man immer das Problem, dass die Inhalte-Tabelle von Haus aus ein cellspacing="1" cellpadding="3" hat, was man auch nicht abstellen kann.................. Folglich bekommt man die Bilder ohne Layer niemals bis ganz an den Rand.
Ich bin am Ende meines Lateins. Hat sonst keiner eine Idee?
In meinem Weblog sehen diese unterteilenden Bilder mit "Blabla Wrote" unter Safari aus wie sie aussehen sollen, unter Opera und dem Internet Explorer sieht es allerdings aus irgend einem Grund so aus: http://www.geocities.com/athena_hp/misc/pimpscreenie.jpg
Die Namensbanner sollen bis ganz an den Rand gehen (auf beiden Seiten), da die Inhalte (inkl Banner, Texte etc) vom CMS allerdings in eine Tabelle geparst werden die nicht bis ganz an den Rand geht.
HTML:
<table border="0" width="547" cellspacing="1" cellpadding="3">
HTML:
<div id="iru" style="position:relative; width:200px;
height:44px; z-index:2; left: -39px;">
<img src="..." width="617" height="43" border="0" class="noborder">
</div>
Ich hab schon einige andere Lösungen ausprobiert, aber bei denen hat man immer das Problem, dass die Inhalte-Tabelle von Haus aus ein cellspacing="1" cellpadding="3" hat, was man auch nicht abstellen kann.................. Folglich bekommt man die Bilder ohne Layer niemals bis ganz an den Rand.
Ich bin am Ende meines Lateins. Hat sonst keiner eine Idee?
Zuletzt bearbeitet: