|
|||
Firefox zeigt die Seite nicht richtig an
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> </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> |
Sponsored Links |
|
||||
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) Geändert von darksnake (28.03.2007 um 11:28 Uhr) |
Sponsored Links |
|
|||
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. |
|
|||
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:
Zitat:
Zitat:
|
|
|||
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. |
|
|||
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.
|
|
|||
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 |
|
|||
Zitat:
Zitat:
Zitat:
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. |
Sponsored Links |
|
|||||
Zitat:
Zitat:
Deine nächsten Etappen sollten sein, dich über die genannten Stichwörter zu informieren. Zitat:
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:
Das sollte dich aber nicht davon abhalten, dich über den "Doctype Switch" zu informieren. Zitat:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |