[G701R]

Hallo.

http://org-x.org

Zwischen der Top- (Stadt) und der Systemgrafik ist im IE kein Freiraum. So solls auch sein, aber leider bauen FF und Opera (noch nicht mit anderen Browsern getestet) dort eine Lücke zwischen die beiden Grafiken.

Wieso sie das machen und wie ich das Problem beheben kann, ist mir rätselhaft.

Vielleicht könnt ihr mir helfen?

Danke!

[Graumagier]

Schon mal versucht, die Breite des Tabellenrandes explizit auf "0" zu setzen?

Und dass sich das ganze mit DIVs sauberer erledigen ließe muss ich ja wohl nicht extra erwähnen.

[G701R]

Die beiden besagten Grafiken kommen im Code noch vor jeder <table>. Hat damit also gar nichts zu tun.

[Graumagier]

Hast recht, sorry. Schon mit

img { border:0; }

versucht?

[axx]

img {display:block;}
und in Zeile 62 den Zeilenumbruch raus.

Die Grafiken solltest du als Hintergrundgrafiken verwenden und die Schrift als Überschriften darüberlegen.

[G701R]

Danke, also das mit dem img{display: block;} hat es gebracht. Musste dann zwar entsprechend einige <br>'s entfernen (nicht nur in Zeile 62) damit alles wieder "normal" aussah, aber jetzt sieht es im IE, FF und Opera gleich aus.

Zu den Kategorieüberschriften:
Das geht nicht so wirklich, weil der Font der Überschriften relativ ungeläufig ist und auf vielen Systemen nicht installiert ist. Macht aber auch nicht wirklich was, da jede Überschrift nicht mal ein halbes kb hat.

Danke auf jeden Fall, axx, und danke fürs Bemühen, Graumagier.

[axx]

Zitat (G701R: 27.02.2006, 22:11)

Zu den Kategorieüberschriften:
Das geht nicht so wirklich, weil der Font der Überschriften relativ ungeläufig ist und auf vielen Systemen nicht installiert ist. Macht aber auch nicht wirklich was, da jede Überschrift nicht mal ein halbes kb hat.

Den Einwand verstehe ich natürlich, aber deine Begründung ist im Grunde keine. Ich sag' nur: semantisches markup. Eine Überschrift sei eine Überschrift, ein Absatz ein Absatz, usw. usf.
Das verhindert nicht nur nervige Darstellungsfehler, deren Ursache man ewig sucht, sondern lässt die Seite auch ohne stylesheet sinnvoll aussehen, von Textbrowsern und screenreadern ganz zu schweigen. Auch Google wird es dir danken.

Du kannst dabei sogar bei deiner Grafik bleiben. Hier mal ein Beispiel:

<h1><span class="h1"></span>org-x: Superirgendwas</h1>
<h2><span class="h2"></span>System</h2>

span.h1 {background: url(h1bg.jpg);}
span.h2 {background: url(h2bg.jpg);}

Das Ganze ist als image replacement methode bekannt, wovon es verschiedene gibt. Suche dir eine geeignete Image-Replacement-Technik aus.