Tabelle mit unterschiedlicher Spaltenzahl

[Wishu]

Also ich kann in keinem der getesteten Browser einen Fehler entdecken. FF3.0, Opera 9, Safari 4, Chrome 2, IE8.

Das mit dem Hintergrundbild ist eigentlich eine gute Idee, du musst es nicht so nutzen wie ich damals (nutze es nicht mehr), sondern kannst – wie bereits erwähnt – Werbung für Teile deiner Seite machen. Oder auch einfach eine Scherzfrage hinpacken. Oder eben einen kleinen Banner mit deinem Maskottchen. Dir bleiben viele Möglichkeiten.

Gruß
Wishu

[Cujo]

Zitat:

Zitat von Wishu Also ich kann in keinem der getesteten Browser einen Fehler entdecken. FF3.0, Opera 9, Safari 4, Chrome 2, IE8.

Der Fehler wurde zwischenzeitlich behoben

Zitat:

Das mit dem Hintergrundbild ist eigentlich eine gute Idee, du musst es nicht so nutzen wie ich damals (nutze es nicht mehr), sondern kannst – wie bereits erwähnt – Werbung für Teile deiner Seite machen. Oder auch einfach eine Scherzfrage hinpacken. Oder eben einen kleinen Banner mit deinem Maskottchen. Dir bleiben viele Möglichkeiten.

Ich habe mir eine Grafik im Format 468*60 mit Maskottchen und einem "Wussten Sie schon, dass..."-Text gemacht und die als Hintergrund genommen:

<table class="textraetsel-weiss" border="0" cellpadding="2" cellspacing="2">
<colgroup>
    <col width="376" />
    <col width="86" />
</colgroup>
<tr>
<td style="background-image:url(wusste001.gif);width: 468px; height: 60px" class="textraetsel-gelb" colspan="2">
<script type="text/javascript"><!--
google_ad_client = "pub-999999999999";
/* 468x60, Erstellt 29.06.09 */
google_ad_slot = "99999999";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr> 

Jetzt sieht es allerdings so aus:



Was habe ich denn da falsch gemacht?

[powergold]

Ganz schnell hätte ich gesagt das dies hier Schuld ist:

cellpadding="2"

gib hier mal "0" ein, dann sollte es funktionieren.

Lg
Stefan

[Cujo]

Ich habe cellpadding und cellspacing jetzt mal auf 0 gesetzt. Das hat zwar eine Verbesserung gebracht, aber so ganz passt es immer noch nicht:

[powergold]

Das Problem das du nun hast, ist glaub ich darauf zurück zuführen das die Werbung nicht für so eine kleine Box vorgesehen ist. Probier doch mal die Box selbst und die Werbung größer zu machen. Sollte dann funktionieren. (Natürlich nur in der Höhe, die Breite passt ja)

Lg
Stefan

[Wishu]

Diese Stelle:

google_ad_width = 468;
google_ad_height = 60;

Sagt doch, dass die die Maße stimmen. Hast du vielleicht noch im CSS ein padding vergeben?

[Cujo]

Nee, im CSS ist kein padding mehr drin. Hier sind die relevanten Stellen:

.textraetsel-weiss
{
background: white;
margin: 0 auto;
}

.textraetsel-gelb
{
text-align: left;
background: #ede9aa;
height: 60px;
font-weight: bold;
}

.textraetsel-gelb  img
{
margin: 0 auto;
width: 78px;
height: 33px;
display: block;
}

[Wishu]

Kannst du mal bitte eine Testseite einrichten. Steh gerade etwas auf dem Schlauch

[Cujo]

So, ein Teil des Problems habe ich gelöst. Und zwar habe ich der Hintergrundgrafik noch ein "background-repeat: no-repeat;" gegeben. Dadurch scheint bei abgeschaltetem Adblock+ die Hintergrundgrafik nicht mehr durch.

Allerdings musste ich, damit es passt, cellpadding und cellspacing auf 0 stellen. Scheinbar kann man diese beiden Attribute aber nur für die ganze Tabelle festlegen und nicht für jede Zelle einzeln. Dadurch ist die Schrift jetzt ein bisschen sehr nah am Rand.

Was ich auch nicht verstehe, ist, warum die Schrift in der Hintergrundgrafik ganz anders aussieht als die Tabellenschrift. Ich habe im Body die Schrift Arial 14 angelegt. Für die Tabellen in bold. Wenn ich die gleiche Schrift jetzt in paint.net einstelle, ist sie viel größer. Im Moment habe ich in der Hintergrundgrafik Arial 11 bold eingestellt. Sieht aber immer noch anders aus als die Tabellenschrift. Ist das normal, dass die Schrift in einem Grafikprogramm anders aussieht als im Browser? Oder habe ich wieder irgendwas falsch eingestellt bei mir?

Hier könnt ihr euch den momentanen Stand ansehen: Scherzfragen - ber 500 Scherzfragen

[Wishu]

Zitat:

So, ein Teil des Problems habe ich gelöst. Und zwar habe ich der Hintergrundgrafik noch ein "background-repeat: no-repeat;" gegeben. Dadurch scheint bei abgeschaltetem Adblock+ die Hintergrundgrafik nicht mehr durch.

Schon mal ein richtiger Schritt

Zitat:

Allerdings musste ich, damit es passt, cellpadding und cellspacing auf 0 stellen. Scheinbar kann man diese beiden Attribute aber nur für die ganze Tabelle festlegen und nicht für jede Zelle einzeln. Dadurch ist die Schrift jetzt ein bisschen sehr nah am Rand.

Du könntest die Breite der Tabelle verringern. Zum Beispiel um 10px, wenn du ein padding von 5px machen möchtest. Denn das padding addiert sich zur Breite dazu Wenn du also 468 benötigst, machst du die Tabelle auf 458 und gibst ein padding von 5px.
Und ja mit CSS kannst du das padding auch für jede Zelle extra definieren.

Zitat:

Ist das normal, dass die Schrift in einem Grafikprogramm anders aussieht als im Browser? Oder habe ich wieder irgendwas falsch eingestellt bei mir?

Ja ist es. Ein Grafikprogramm rendert die Schriftart anders als jeder Browser. Eine Möglichkeit wäre zu versuchen das Anti-Aliasing auszuschalten. Dann sieht es aber auch wieder anders aus, bei PCs die ClearType aktiviert haben. Eine Perfekte Lösung wird es nicht geben.´Lass es so, es fällt kaum auf.

Gruß
Wishu