✔ Bild nicht bündig beim Internet Explorer

Seltsam, warum zeigt mir Drewamweaver das an:

PHP: 
<span class="Stil3">Um die Aktentasche zu &ouml;ffnen ben&ouml;tigt man 2 Ringe.</span>
?

Weil davor war da das <p> vorhanden, was ich dann zu <span> änderte.

Hab deine Erweiterung (danke nochmals) eingefügt, jedoch leider keine Änderungen. Gibts da eine spezielle Zeile wo das rein muss, denn ich hab es hier eingesetzt:

PHP: 
}
.Stil3 {font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
}
p.Stil3 {
margin:0;
}

Gruß Tanek
 
Der CSS-Code sieht soweit gut aus - blos, wenn im HTML-Code kein p-Element mit der Klasse .Stil3 mehr enthalten ist, findet der Selektor keine Übereinstimmung und die Regel wird nicht angewendet.

Du kannst es ja mal stattdessen mit dem Universalselektor * zu Beginn des Stylesheets versuchen, der alle im HTML-Code enthaltenden Elemente einbezieht, und möglicherweise andere/weitere unerwünschte Polsterungseigenschaften im Textfluß zurücksetzt:
CSS: 
* {
margin:0;
padding:0;
}

Dass die relevanten Tabellenzellen jeweils einen umlaufenden Innenabstand besitzen, bedenkst du hierbei aber schon?

mfg Maik
 
Wenn ich den Code einfüge, dann ist die komplette Seite linksbündig, aber das eigentliche Problem ist nach wie vor vorhanden. Wenn du mit "umlaufenden Innenabstand" den Abstand zwischen dem Text und der Zelle meinst: ja, hatte es gestern so eingestellt, da der Text zu nahe am Rand war. :)

Hast du noch eine andere Idee?

Gruß Tanek

EDIT// Nun hab ich es geschafft, das es bei FF normal angezeigt wird, aber bei IE ist dort eine unnatürliche Lücke. Auch ist mir aufgefallen, dass es sich wahrscheinlich nicht um die Stile im CSS geht, denn egal welchen ich nehme, die Lücke ist immer da. Ich hab die Zelle mit einer Hintergrundfarbe hinterlegt und die Lücke hat aber eine andere Farbe... also liegt das Problem an einer anderen Ecke, oder täusche ich mich da?
 
Zuletzt bearbeitet:
Hier verhält es sich genau so, wie zu Beginn des Threads, dass der IE die obere rechte Zelle deutlich höher darstellt, wie gewünscht.

Bei solchen Problemen empfiehlt es sich, zur Kontrolle mal den Tabellenrahmen zu aktivieren, um die Grenzen des Tabellengerüsts zu erkennen.

mfg Maik
 
Hast wie immer Recht, das scheint wirklich an der oberen Tabelle zu liegen... hab da für die Tabelle (Bild) den Höhenwert in den <td> eingefügt, jedoch scheint er es zu ignorieren.

Gruß Tanek
 
Alternativ-Vorschlag:
HTML: 
<div style="width:309px;height:110px;padding-left:134px;background:url(http://www.resident-evil-virus.de/Resident%20Evil%200/layout2_objekte_re0/layout2_aktenkoffer.jpg) no-repeat;">
     <img src="http://www.resident-evil-virus.de/Resident%20Evil%200/layout2_objekte_re0/aktentasche.jpg" alt="Aktentasche" width="309" height="28">
     <p style="margin:0;">Einer der Ringe mit denen man die Aktentasche öffnen kann.</p>
</div>
<div style="width:309px;height:110px;padding-left:134px;background:url(http://www.resident-evil-virus.de/Resident%20Evil%200/layout2_objekte_re0/layout2_goldring.jpg) no-repeat;">
     <img src="http://www.resident-evil-virus.de/Resident%20Evil%200/layout2_objekte_re0/goldring.jpg" alt="Goldring" width="309" height="28">
     <p style="margin:0;">Einer der Ringe mit denen man die Aktentasche öffnen kann.</p>
</div>


mfg Maik
 
Zur DW-Ansicht kann ich leider nichts sagen, da ich diese Anwendung nicht nutze.

mfg Maik
 
Also ich hab jetzt die alten Tabellen genommen und jeder <td> die Höhe verpasst, welcher auch die Bilder haben in den Zellen und jetzt klappt alles wunderbar. Danke nochmals für die Kniffe und Tricks!

Gruß Tanek
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück