Darstellungsproblem im Firefox

Ich habe auf folgennder seite:
http://www.jungenzeltlager.de
ein problem mit der darstellung im Firefox.
Aber ich weis nicht woran es liegt.

Liegt es am css oder am template oder am Typoscript?

Typoscript:
Typoscript
die css ist hier:
CSS
das template hier:
Template

Du solltest dein css erstmal validieren

Zeile: 58 Kontext : #inhalt

Ungültige Nummer : float center ist kein float-Wert : center

Das liegt mit Sicherheit an einem deiner vielen float-werte

Ja, habe schon den Fahler mit dem Center element gefunden, aber die linie oben drüber is noch viel zu dünn im Firefox

erm, kann dir grad mit deinem problem zwar nich weiterhelfen wollte dir aber sagen, dass du die map24-grafik wegmachen solltest, das kann und wird schwierigkeiten geben, wenn map24 das mitbekommt...

gruß

Map 24 Grafik ?

Das hängt immer noch mit den float-anweisungen zusammen. Bin mir ziemlich sicher.Veruch mal das.

#links {
background-color: #f3dabc;
clear:right;  anstelle von Float:left;

Oder besser guck die das mal an http://www.andreas-kalt.de/webdesign/tutorials/float-theorie

Weiterhin solltest du

<br style="clear:both;" />

vor

<div id="inhalt">

setzen, dann müsste das Problem auch behoben sein...

mmmh, wenn ich clear:right; mache,
dann schiebt er den Inhalt ganz nach unten, schauts euch mal an

Ausserdem wäre es sicherlich nicht schlecht Javascript und CSS-Definitionen in externe Dateien auszulagern. Dann müssen diese nicht auf jeder Seite neu geladen werden...

config.removeDefaultJS = external

Für die Extensions machst du eine große extensions.css und kopierst da alle Extension-Styles rein. Dann bindest du diese einfach via

page.includeCSS {
	file1 = fileadmin/template/main/css/extension.css
	file1.media = screen
}

ein.

Könnt ihr das evtl. etwas genauer erklären, ich bin absoluter anfänger auf dem gebiet (css)

Faircamion schrieb

Könnt ihr das evtl. etwas genauer erklären, ich bin absoluter anfänger auf dem gebiet (css)

Was genau, XHTML & CSS?
Gibt da so nen kleines Buch für.. hat nur 800 Seiten oder so... #giggle#

Kleine Float-Referenz: http://de.selfhtml.org/css/eigenschaften/positionierung.htm
Das könnte auch gut helfen: http://www.css-technik.de/css-examples/219_9/

Grundsätzlich kannst du mit Float ein Element links oder rechts vorbeifliessen lassen. Diesen Fluss kannst du dann wieder mit "clear" aufheben. Also erst

<div style="float:left;">Menü</div>
<div>Inhalt</div>
<div stlye="clear:left;">Fusszeile über die ganze Seitenbreite mit Float aufgelöst</div>

Also, danke erstmal für die Tipps.

Ich bin jetzt fast fertig, mein einziges problem ist jetzt, das im Firefox der Inhalt, also da wor der Text steht über der linie oben liegt.

Wenn ich margin bei ###INHALT### ändere geht alles, also incl. menü und Header tiefer. wie kriege ich denn nur den bereich in der mitte tiefer?

OK, problem ist gelöst, Danke für alle ratschläge!