Seite 1 von 1
Headerlogo je nach Browser fehlerhaft
Verfasst: 05.05.2012 09:40
von 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
Re: Headerlogo je nach Browser fehlerhaft
Verfasst: 05.05.2012 11:20
von 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
Re: Headerlogo je nach Browser fehlerhaft
Verfasst: 05.05.2012 11:48
von 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
Re: Headerlogo je nach Browser fehlerhaft
Verfasst: 05.05.2012 12:10
von Talk19zehn
Hi Greyhound76,
m.E. rendert Chrome bzgl. jener CSS-Anweisung für "img" innerhalb des Containers anders: 99% ?
Gruß
Re: Headerlogo je nach Browser fehlerhaft
Verfasst: 05.05.2012 12:27
von 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:
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
Re: Headerlogo je nach Browser fehlerhaft
Verfasst: 05.05.2012 12:59
von Greyhound76
Danke an alle für eure Hilfe.
@BlackHawk87: So hat´s gefunzt ... danke.