Headerlogo je nach Browser fehlerhaft

[Greyhound76]

Einen feisten guten Morgen wünsche ich.

Folgenes Problem: ich nutze den Subsilver3-Style und das Logo im Header wird auf Firefox richtig angezeigt, jedoch auf Google-Chrome quetscht es sich und auf dem internet-Explorer sieht man des Logo gar nicht. Was hab ich falsch gemacht, bzw. wie kann ich das so zurecht rücken das alles so ausschaut wie es ausschauen soll?

Zum selbst schauen: http://tank-desasters.duz-universe.de/

Bin für jede Idee zu haben.

dankeschön,

der greyhound

[Würzi]

Moin,

mein Tip wäre, das ganze erstmal valide zu machen. Wenn du eh Firefox verwendest, dann würde ich das Addon "Web Developer" empfehlen.
Wenn dann noch was zwickt, dann kann man evtl. weitersehen.

Mfg dat Wuerzi

[Greyhound76]

Danke für die schnelle Antwort.

Der CSS-Validator zeigt das Board als fehlerfrei an, nur der HTML-Validator zeigt iwas an 53 Fehler an: die ich allerdings nicht verstehe, da ich Zeichen wie "&" nicht als Fehler sehe (immerhin sind sie im Text beabsichtigt) und die ganzen "<" und ">" sind vorhanden ... ich kann da nichts finden

[Talk19zehn]

Hi Greyhound76,
m.E. rendert Chrome bzgl. jener CSS-Anweisung für "img" innerhalb des Containers anders: 99% ?

Code: Alles auswählen

border-width: 0px;
max-width: 99%;

Gruß

[Crizzo]

Hi,

das Eltern-Element von deinem Logo bekommt diese Eigenschaften per CSS verpasst:

Code: Alles auswählen

#site-description {
    float: left;
    text-align: center;
    width: 70%;
}

Damit ist es dort nur maximal 70% der vollen Breite breit. Scheinbar richtet sich der Firefox nach den festen Pixelangaben im "width"-Attribut des <img> (deshalb sieht das i.O aus) und der Chrome setzt das Bild auf 99% von den 70%-Element (deshalb ist es da gequetscht).

Also sorge dafür, dass #site-description über die volle Breite geht und genug Platz hat, für die "width" von 950px. Das hier:

Code: Alles auswählen

img {
    border-width: 0;
    max-width: 99%;
}

würde ich bei diesem Fall überschreiben mit einer freien, leerem, automatischem Wert (#site-description img). Dann probiers nochmal neu aus mit Chrome und Firefox und Co.

Grüße

[Greyhound76]

Danke an alle für eure Hilfe.
@BlackHawk87: So hat´s gefunzt ... danke.