Firefox zeigt die Seite nicht richtig an

Ibubeta · #1 (**permalink**) 28.03.2007, 11:01

Guten Morgen,

Ich habe ein Problem. Unter Internet Explorer zeigt er die seite richtig an, nur unter Firefox zeigt er die seite einfach nur scheisse an. Ich hoffe ihr könnt mir helfen.

sytle.css

Code:

<style type="text/css">
<!--
/*
 Immer Oben Rechts Unten Links
*/

body {
 font-family: Verdana;
 font-size: smaller;
 color: #FFFFFF;
 text-align: center;
 background:url(bg_space.jpg);
 background-attachment:fixed;
 margin: 10 0 0 0;
}

div#logo {
 border-style: solid;
 border-width: 0 0 0 0;
 padding: 5px;
 margin: 0 0 0 0;
 width:700px;
 height:319px;
 filter:alpha(opacity=70);
 background:url(logo.jpg);
 letter-spacing: 1;
}

div#navi {
 border-style: solid;
 border-width: 1 0 0 0;
 padding: 5px;
 margin: 0 0 0 0;
 width:700px;
 background-color:#404040;
 filter:alpha(opacity=50);
 letter-spacing: 1;
}

div#news {
 border-style: solid;
 border-width: 0 0 1 0;
 padding: 0px;
 margin: 0 0 0 0;
 width: 700px;
 background-color:#404040;
 filter:alpha(opacity=50);
 letter-spacing: 1;
}

div#news_links {
 border-style: solid;
 border-width: 0 0 0 0;
 padding: 5px;
 margin: 0 0 0 0;
 float: left;
 width:500px;
}

div#news_rechts {
 border-style: solid;
 border-width: 0 0 0 1;
 padding: 5px;
 margin: 0 0 0 0;
 float: right;
}
-->
</style>

index.php

Code:

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">



<SCRIPT language=JavaScript1.2 src="navigation.js" type=text/javascript></SCRIPT>
</head>

<body>

<? include ("menu.php"); ?> 

<div id=logo>
</div>

<div id=navi>
&nbsp;
</div>
<div id=news>
     <div id=news_links>
q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . -
     </div>
     <div id=news_rechts>
q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . - q w e r t z u i o p ü a s d f g h j k l ö ä y x c v b n m , . -
     </div>
</div>

muh

</body>
</html>

die menu.php enthält nur javascript zum erstellen der Navigationsleiste

darksnake · #2 (**permalink**) 28.03.2007, 11:21

konnte es mir noch nicht genau an schauen.

aber die frage ist sicher, was denn genau nicht richtig geht.

aber mal ein paar allg. tips:
- arbeite im ff oder sonst einem browser (der ie ist der, an den die seite am schluss angepasst werden muss)
- css
<style type="text/css"></style> braucht es nicht im css (vll liegt auch da das problem)
- du brauchst wenn du einen id angibst, den tag nicht (id's können eh nur einmal vergeben werden)

ps: ist echt nicht bösse oder so gemeint.... es vereinfach einfach das arbeiten

edit: ok hab es mir mal kurz angeschaut.... und ehrlich ka an was es liegen könnte, aber tip mal wieder auf einer meiner lieblinge "float" (sehr nützlich). (mal echt ein krasser unterschied)

mazzo · #3 (**permalink**) 28.03.2007, 11:34

ein Doctype kann auch nicht schaden... Konkret schickt der fehlende Doctype den IE in den Quirksmodus und somit ist das Boxmodell dann falsch. Das kann zu gewaltigen Darstellungsunterschieden führen. (siehe auch FAQ-Thread "CSS Prolog")

Ein Tipp: Entwickle mit FireFox (oder Opera) und vor allem mit validem Code, dann erst folgt die Anpassung an den IE6 und ggf. IE7. (auch dazu steht was ganz unten im FAQ Thread.

Wenn HTML-Teile des Dokuments fehlen, ist eine Fehlersuche eh müssig. BItte stell zur Fehlersuche ein komplettes und lauffähiges sowie valides Dokument bereit, am besten online.

Ibubeta · #4 (**permalink**) 28.03.2007, 20:26

so leute =)

ich habe mal zwei bilder gemacht, einmal mit IE und einmal mit FF

Das was im IE angezeigt wird, ist richtig, so soll es aussehen.
Das was im FF angezeigt wird, ist falsch.

http://www.scratdesign.de/ie.jpg

http://www.scratdesign.de/fire.jpg

Zitat:

- du brauchst wenn du einen id angibst, den tag nicht (id's können eh nur einmal vergeben werden)

Was genau meinst du damit ?? Das verstehe ich nicht so ganz.

Zitat:

edit: ok hab es mir mal kurz angeschaut.... und ehrlich ka an was es liegen könnte, aber tip mal wieder auf einer meiner lieblinge "float" (sehr nützlich). (mal echt ein krasser unterschied)

was meinst du mit "float" ???

Zitat:

ein Doctype kann auch nicht schaden... Konkret schickt der fehlende Doctype den IE in den Quirksmodus und somit ist das Boxmodell dann falsch. Das kann zu gewaltigen Darstellungsunterschieden führen. (siehe auch FAQ-Thread "CSS Prolog")

Ein Tipp: Entwickle mit FireFox (oder Opera) und vor allem mit validem Code, dann erst folgt die Anpassung an den IE6 und ggf. IE7. (auch dazu steht was ganz unten im FAQ Thread.

Wenn HTML-Teile des Dokuments fehlen, ist eine Fehlersuche eh müssig. BItte stell zur Fehlersuche ein komplettes und lauffähiges sowie valides Dokument bereit, am besten online.

Sry.

aber ich kann damit absolut nix anfangen was du genau meinst ...

mazzo · #5 (**permalink**) 29.03.2007, 10:00

Du brauchst mehr Grundlagenwissen, sonst kannst Du die Tipps hier nicht verstehen.
Arbeite Dich durch das Kapitel "wie fange ich an" auf CSS 4 You - The Finest in Stylesheets durch. Anschliessend lies und arbeite die angesprochenen Bereiche im FAQ-Thread (ganz oben hier im Board) durch.

Ibubeta · #6 (**permalink**) 29.03.2007, 10:07

Willst du damit sagen das ich komplett doof bin ??? O_o ich habe schon sehr viel ahnung ... aber wenn man in einer Kompletten fachsprache spricht, kann ich es nicht verstehen !

mazzo · #7 (**permalink**) 29.03.2007, 10:11

Nein, keiner ist doof nur weil er/sie die Fachausdrücke nicht kennt. Wer aber mit HTML/CSS zu tun hat sollte die unbedingt lernen. Doctype, Boxmodell, Quirksmode, float usw. sind absolute Grundlagen. Du kannst nicht erwarten, dass diese an vielen Orten bestens dokumentierten und beschriebenen (sogar hier im Forum im FAQ-Thread, oder wenn man z.B. die Suche benutzt) Begriffe extra für Dich noch einmal erklärt werden.

Ibubeta · #8 (**permalink**) 29.03.2007, 10:20

Du kannst aber auch nicht verlangen das sich JEDER hier im fórum sich das FAQ durchliest. Jeder hat klein angefangen und wenn man mit etappen arbeitet, kann jeder hier helfen und man muss die leute nicht immer wieder auf denn FQY Bereich hinweisen und sozusagen "komm wieder wenn du mehr fachwissen hast" ...

Mein erstes Problem liegt doch daran das er mein Layout nicht in die mitte setz im Firefox. Wenn man mir da genau helfen könnte, dann wäre es ja schonmal ein etappen ziel.

Wenn du mir genau sagen kannst was für Doctype Tag in mein Code setzten muss dann kannst du es mir doch auch geben.

Ich meine, wenn man hilfe brauch dann geht man nun mal ins forum und möchte gerne genaue hilfe haben, aber wenn es geht ohne Fachwissen, so das es jeder versteht für jeden menschen.

Ich bitte um genaue hilfe, und das wir die seite etappen weise richtig angezeigt bekommen im Firefox

mazzo · #9 (**permalink**) 29.03.2007, 10:26

Zitat:

Zitat von Ibubeta

Du kannst aber auch nicht verlangen das sich JEDER hier im fórum sich das FAQ durchliest.

doch, zumindest sollten sie überfliegen werden ob das eigene Problem dabei ist und wenn ja: Die Beschreibungen und die Links durcharbeiten. Das ist hier ein Forum zur selbsthilfe, keine Gratis-Entwicklerbude.

Zitat:

Zitat von Ibubeta

Jeder hat klein angefangen und wenn man mit etappen arbeitet, kann jeder hier helfen und man muss die leute nicht immer wieder auf denn FQY Bereich hinweisen und sozusagen "komm wieder wenn du mehr fachwissen hast" ...

nein, aber "komm wieder wenn diese schon x-fach gestellte Frage mit Hilfe der Tipps im FAQ nicht behoben werden konnte".

Zitat:

Zitat von Ibubeta

Wenn du mir genau sagen kannst was für Doctype Tag in mein Code setzten muss dann kannst du es mir doch auch geben.

Beispieel für korrekte Doctypes sind im FAQ verlinkt...

Zitat:

Zitat von Ibubeta

Ich bitte um genaue hilfe, und das wir die seite etappen weise richtig angezeigt bekommen im Firefox

Ich bitte um valide Beispiel-Dokumente (auch Tipps zu Entwicklerwerkzeugen/tools stehen unten im FAQ) und erkennbare eigene Versuche, mit Hilfe der gegebenen Tipps die Probleme angegangen zu haben.

fricca · #10 (**permalink**) 29.03.2007, 10:32

Zitat:

Zitat von Ibubeta

Du kannst aber auch nicht verlangen das sich JEDER hier im fórum sich das FAQ durchliest.

Aber sicher doch. Genau dafür hat sich jemand die Mühe gemacht, sie zu verfassen.

Zitat:

Jeder hat klein angefangen und wenn man mit etappen arbeitet,

Genau.
Deine nächsten Etappen sollten sein, dich über die genannten Stichwörter zu informieren.

Zitat:

Mein erstes Problem liegt doch daran das er mein Layout nicht in die mitte setz im Firefox. Wenn man mir da genau helfen könnte, dann wäre es ja schonmal ein etappen ziel.

Nein.
Dein erstes Problem ist die fehlende Angabe zum Dokumenttyp.
Lies: DOCTYPE-Switch und seine Auswirkungen
Dein zweites Problem ist fehlerhafter Code.
Validiere sowohl dein HTML als auch dein CSS.
The W3C Markup Validation Service
The W3C CSS Validation Service

Der IE wendet irrtümlich text-align auf Blockelemente an. Das ist falsch.
Blockelemente werden mit margin:0 auto zentriert.

Zitat:

Wenn du mir genau sagen kannst was für Doctype Tag in mein Code setzten muss dann kannst du es mir doch auch geben.

Ich würde HTML 4.01 strict für geeignet halten.
Das sollte dich aber nicht davon abhalten, dich über den "Doctype Switch" zu informieren.

Zitat:

Ich bitte um genaue hilfe

Und ich bitte darum, dass du dich zu den genannten Stichworten informierst und nicht nur darauf wartest, dass dir jemand fertige Lösungen präsentiert.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Schwarze Seite in Firefox 4 auf Windows 7	bolshi	(X)HTML	9	30.06.2011 21:28
Warum verschiebt Firefox beim Wechsel auf eine andere Seite	herb37	CSS	12	01.02.2010 20:03
Seite "springt" im Firefox	Luca	Site- und Layoutcheck	11	08.09.2007 19:24
Anzeige erst nach Aktualisierung der Seite in FF richtig	el_vital	CSS	2	17.12.2005 17:14
Fröhliches Rätselraten - Firefox zeigt komplette Seite nicht	Boris	CSS	4	02.06.2005 16:49