Mozilla: Hintergrundfarbe/Textausrichtung

Computer: Software & Programmierung HTML & CSS
#1

Hallo Experten,

bin gerade dabei, eine neue Homepage zu basteln.

IE und Opera zeigen die Seite korrekt an, nur Mozilla nicht :frowning:

Zum einen fehlt die Hintergrundfarbe „hinter der eigentlichen
Seite“ (seht es euch am besten im IE und Mozilla an, dann
versteht ihr, was ich meine). Zum anderen ist der Text der im
Moment noch vorangestellten Indexdatei nicht zentriert.

Die gleichen Probleme ergeben sich in den Popupfenster unter „Mitglieder“ und „Galerie“.

Hier der Link zur Seite: http://www.kerstinheinzel.de/akk

Und hier noch ein Auszug aus der css-Datei:

body
{
 font-family:Verdana;
 font-size:14px;
 background-color:#FF9966;
 text-align:center;
 margin:0px;
}

Hat jemand eine Idee, woran das liegen könnte?

Kerstin

#2

Hi,

IE und Opera zeigen die Seite korrekt an, nur Mozilla nicht

diese Behauptung steht *immer* auf äußerst wackeligen Beinen.

Zum einen fehlt die Hintergrundfarbe „hinter der eigentlichen
Seite“ (seht es euch am besten im IE und Mozilla an, dann
versteht ihr, was ich meine). Zum anderen ist der Text der im
Moment noch vorangestellten Indexdatei nicht zentriert.

Hast Du Deinen HTML- und CSS-Code validiert? Nein, hast Du nicht. ‚‘ ist kein gültiges CSS. Und wieder einmal: Spätestens(!) wenn Probleme auftauchen, sind alle Codes zu validieren. Referenzbrowser - und damit der Browser für Primärtests - ist Mozilla. Tests im IE sind bar jedweder Aussagekraft.

Cheatah

#3

Hast Du Deinen HTML- und CSS-Code validiert? Nein, hast Du
nicht. ‚‘ ist kein gültiges CSS.
Und wieder einmal: Spätestens(!) wenn Probleme auftauchen,
sind alle Codes zu validieren. Referenzbrowser - und damit der
Browser für Primärtests - ist Mozilla. Tests im IE sind bar
jedweder Aussagekraft.

Hm, und wie kann ich das nun ändern? Leider reichen meine Kenntnisse hier nicht, sonst würde ich nicht fragen…

Kerstin

#4

Hi,

Hast Du Deinen HTML- und CSS-Code validiert? Nein, hast Du
nicht.

Hm, und wie kann ich das nun ändern?

den HTML- und den CSS-Validator findest Du beim Hersteller dieser Standards, also unter http://www.w3.org/.

‚‘ ist kein gültiges CSS.

Leider reichen meine Kenntnisse hier nicht,

Du kannst CSS nicht von HTML unterscheiden? Wenn das wirklich stimmt, solltest Du mit dem Lernen noch mal ganz von vorn beginnen. Ich vermute aber, dass Du das mit ein ganz klein wenig gutem Willen schon hinbekommst.

Cheatah

#5

Hi Kerstin,

versuchs mal mit

body
{
font-family:Verdana;
font-size:14px;
background-color:#FF9966;
background:#FF9966;
text-align:center;
margin:0px;
}

mehr zum Thema:

http://www.w3schools.com/css/pr_background.asp

MfG
Julian

#6

Hallo Julian,

so wie ich das jetzt verstanden habe, liegt es daran, daß ich in der CSS-Datei keinen Doctype angegeben habe. Nur wo finde ich den richtigen?

Schreibe ich das CSS direkt in die HTML-Seite, funktioniert alles, nur mit einer externen Datei ist es natürlich eleganter.

Mein nächstes Problem ist: ICH KANN KEIN ENGLISCH!!! Es nützt mir also herzlich wenig, wenn ich Hilfeseiten aufrufe, die nicht auf deutsch sind.

Grüße,
Kerstin

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#7

Hallo Kerstin,

Hallo Julian,

so wie ich das jetzt verstanden habe, liegt es daran, daß ich
in der CSS-Datei keinen Doctype angegeben habe. Nur wo finde
ich den richtigen?

den Doctype gibst Du in der html-Datei ganz zu Beginn an.

Schreibe ich das CSS direkt in die HTML-Seite, funktioniert
alles, nur mit einer externen Datei ist es natürlich
eleganter.

Mein nächstes Problem ist: ICH KANN KEIN ENGLISCH!!! Es nützt
mir also herzlich wenig, wenn ich Hilfeseiten aufrufe, die
nicht auf deutsch sind.

Grüße,
Kerstin

Für CSS gehts hier lang: http://www.css4you.de
Du kannst die komplette Site auch downloaden und
in aller Ruhe durcharbeiten.

Gruß Micha

#8

Hallo @All nochmals,

so schnell geb ich noch nicht auf :smile:

Habe diese Woche viel über das Validieren von html-Seiten gelesen und gelernt, auch inzwischen sämtliche html-Dateien validiert. Nur mit dem CSS will es immer noch nicht so recht klappen.

Bekomme folgende Fehlermeldung:

URI : http://www.kerstinheinzel.de/akk/css/extern.css
Zeile: 10 
Parse error - Unrecognized : 
\<!-- body 
{ 
font-family:Verdana; 
font-size:14px; 
background-color:#FF9966; 
text-align:center; 
margin:0px; 
}\</PRE\> 
Ok, daß heißt für mich, irgendwo hier muß ein Fehler sein, nur ich weiß es beim besten Willen nicht. Wie ist es richtig????

Grüße, 
Kerstin