FF stellt Website nicht richtig dar
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angeben
befinden
bezeichnung
boxen
datei
display
eigenart
element
farbe
fehler
hintergrundbild
http
kopfteil
krieg
kulturprojekt
modell
position
struktur
super danke
tip
-
Ich hab schon so ziemlich alles probiert was mir eingefallen ist, an was es liegen könnte, aber ich schaff\'s einfach nicht. Im IE wird alles so gezeigt wie ich es gestylt habe, aber der FF kriegt das irgendwie nicht hin.
Könnte mal jemand versuchen in der CSS-Definition den Fehler zu finden?
Hier ist sie mal:
* { padding: 0; margin: 0; }
body {
font-family: Arial;
}
h1 {
float: left;
font-family: Haettenschweiler;
font-size: 72px;
color: orange;
}
#wrapper {
margin: 0 auto;
width: 98%;
background-image: url(logos/bgr.jpg);
}
#kopf {
width: 98%;
padding: 10px;
height: 120px;
margin: 10px 0px 0px 0px;
}
#navigation {
padding: 10px;
margin: 0px 0px 0px 0px;
background: lightblue;
}
#leftnavi {
display: inline;
margin: 10px 0px 0px 0px;
width: 25%;
padding: 10px;
position: relative;
float: left;
background: lemonchiffon;
}
#leftcolumn {
float: left;
margin: 10px 13px;
padding: 10px;
width: 48%;
display: inline;
position: relative;
}
#rightcolumn {
display: inline;
position: relative;
margin: 10px 10px 10px 0px;
padding: 10px;
float: right;
background: lightpink;
}
.clear {
clear: both;
background: none;
}
Die Website ist hier: http://kulturprojekt.lima-city.de
Ich bin wirklich froh um jeden Tipp.
Danke schon im Voraus
LG
Joux
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Gut, und was genau wird da nicht richtig angezeigt? Denn das müsste man schon wissen, um dir zu helfen ;)
Geh doch mal auf eine Validierungsseite und lass deine CSS-Datei validieren, falls du das noch nicht gemacht hast.
http://jigsaw.w3.org/css-validator/
Beitrag geändert: 6.12.2007 15:51:09 von karpfen -
Oi, ich und mein Löchersieb.
Es ist so, dass die drei Kolonnen im IE schön neben einander angezeigt werden, aber beim FF rutscht die rechte Kolonne nach unten. Alles andere wird genauso dargestellt wie ich es wollte.
Die Datei hab ich validieren lassen, aber, das Programm sagt nur, dass es die Hintergrundfarben nicht erkennt, obwohl die ja korrekt gezeigt werden.
Ich glaub nicht, dass dort das Problem liegt.
(OOPS: ich bin jetzt zwar unter einem anderen Namen angemeldet aber ich bin KP)!
Beitrag geändert: 6.12.2007 16:18:07 von fairyprincessgwendolyn -
Naja, kein Wunder das die nach unten rutscht. Das mittlere Element ist grob geschätzt 30px zu breit oder das rechte, wie man es nun sieht.
Generell solltest du eher im Firefox entwickeln, da der das Box-Modell sehr gut beherrscht und keinen Box-Modell Fehler hat wie der IE -_-
Mach eines der Elemente kleiner und es passt nebeneinander. -
Super, danke. Jetzt hab ich\'s hinbekommen. Jetzt hab ich aber gesehen, dass im FF das Hintergrundbild nicht durchgehend angezeigt wird, sondern nur im Kopfteil.
Wie krieg ich denn jetzt das hin?
Ich verzweifel noch wenn\'s so weiter geht... -
Super, danke. Jetzt hab ich\'s hinbekommen. Jetzt hab ich aber gesehen, dass im FF das Hintergrundbild nicht durchgehend angezeigt wird, sondern nur im Kopfteil.
Wie krieg ich denn jetzt das hin?
Ich verzweifel noch wenn\'s so weiter geht... -
Nur so zwei Tipps am Rande: bei den Schriftarten solltest du Ersatzschriftarten angeben. Ich zum Beispiel habe \"Haettenschweiler\" nicht und in diesem Fall wird die Schrift dann meist mit \"Times New Roman\" ersetzt. Also statt Arial: \"Arial, Helvetica, sans-serif\" und statt Haettenschweiler vielleicht \"Haettenschweiler, Impact, \'Helvetica Inserat\', sans-serif\" (sans-serif ist die Bezeichnung für die im Falle einer nicht vorhandenen Schriftart verwendeten serifenlosen Schriftart).
Farben sollte man nicht mit Namen, sondern mit den Hex-Bezeichnungen angeben, also \"#XXX\" oder \"#XXXXXX\" (wobei die \"X\" für den einzusetzenden hexadezimalen Wert stehen, siehe auch: http://de.selfhtml.org/helferlein/farben.htm ). -
evil-devil schrieb:
Naja, das liegt daran das deine floatende Elemente sich nicht im Wrapper befinden. Das ist eine Eigenart von Float. Da musst du deine Struktur ändern.
Wie meinst du das?
Muss ich die Elemente dem Wrapper unterordnen?
In html sieht\'s bei nämlich ungefähr so aus:
<div id=\"wrapper\">
<div id=\"element1\"></div>
<div id=\"element2\"></div>
</div>
Muss ich das jetzt alles anders einrichten?
Und wenn ja wie?
Aber warum klappts denn im IE wenn\'s doch Falsch ist?
Ich bin echt schon fast am verzweifeln...
Beitrag geändert: 11.12.2007 9:15:58 von kulturprojekt
Beitrag geändert: 11.12.2007 9:16:24 von kulturprojekt -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
