Shop-Hilfe.com
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 16.12.2007, 15:52   #1
TP-Junior
 
Registriert seit: Jan 2006
zOMBee macht alles soweit korrekt

Darstellung im IE und Mozilla verschieden


Hallo Leute,

ich hab vor eine neue Website mit CSS zu gestalten.
Das Grundgerüst ist erstmal soweit ok. Aber bereits jetzt hab ich Probleme mit der Darstellung in den verschiedenen Browsern.

Wichtig sind mir der IE 6.0 und der Mozilla.

Hier erstmal der Link zur Seite:
http://anotherland.de

Und hier der Link zur CSS-Datei:
http://anotherland.de/style01.css

Das Bild ist nur zu Testzwecken eingesetzt.

Im IE habe ich einen Spalt zwischen Menü und Rechter Spalte, der soll weg.
Hab margin und padding in allen containern bereits auf 0px.

Warum ist das so?

Beim Mozilla schiebt es mir den CONTENTS Container unters Menü, auch nicht sehr schön.

Da ich alles mit Hintergrundgrafiken versehen möchte, brauche ich dringend Hilfe dabei.

Vielen Dank im Vorraus
zOMBee ist offline   Mit Zitat antworten


Alt 16.12.2007, 18:14   #2
TP-Moderator
 
Benutzerbild von satre
 
Registriert seit: Jan 2005
Ort: Düsseldorf
satre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine User
Hallo,

benutze zunächst einen vollständigen Doctype. Andernfalls läuft der Internet Explorer im Quirksmodus und rendert das Boxmodell falsch.
satre ist offline   Mit Zitat antworten
Alt 18.12.2007, 18:28   #3
TP-Junior
 
Registriert seit: Jan 2006
zOMBee macht alles soweit korrekt
Danke satre,
mensch manchmal kommt man einfach nicht auf die simpelsten sachen.


Hab mal nen doctype eingefügt und paar Änderungen gemacht.

sieht jetzt so aus:

http://anotherland.de

Gefällt mir erstmal ganz gut, werde mal Photoshop wirken lassen.

Meld mich nochmal mit dem result...

Bis später, zOMBee.

Geändert von zOMBee (18.12.2007 um 18:49 Uhr).
zOMBee ist offline   Mit Zitat antworten
Alt 19.12.2007, 01:44   #4
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Wenn du XHTML nutzen willst (siehe Doctype), solltest du auch alles in XHTML schreiben - siehe:
http://validator.w3.org/check?verbos...therland.de%2F
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 20.12.2007, 01:51   #5
TP-Insider
 
Benutzerbild von rami8585
 
Registriert seit: Mar 2007
Ort: Stuttgart
rami8585 ist auf einem guten Weg
habe ein ähnliches problem
im Firefox korrekt, im IE leider verschoben. Irgendwo fehlt irgendwas. Aber langsam dreh ich hier im Kreis und komme nicht weiter. Kann mir jemand helfen?

Geändert von rami8585 (24.01.2008 um 11:41 Uhr).
rami8585 ist offline   Mit Zitat antworten
Alt 20.12.2007, 02:26   #6
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Auch bei dir fehlt der Doctype komplett und dein HTML steckt voller Fehler. Da erwartest du eine gleiche Anzeige in den Browsern?
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 02.01.2008, 03:02   #7
TP-Insider
 
Benutzerbild von danihue
 
Registriert seit: Feb 2005
danihue ist auf einem guten Weg
Hallo,

ich schließe mich dann auch mal an ... auch bei mir ist die Darstellung im IE und im FF verschieden. Während im IE alles korrekt angezeigt wird, macht der FF Schwierigkeiten.

Hier ist der Link:

http://www.rsb.huechtemann.com

Bisher habe ich erst die obere/horizontale Navigation fertiggestellt, die rechte Navigation ist noch nicht korrekt verlinkt - die Darstellung dieser Seiten steht also nicht zur Debatte.

Hat jemand eine Idee wie ich das Problem beheben kann? Ich komm echt nicht weiter ...
__________________
Gruß
die Dani



Wollte man warten, bis man etwas so gut könnte, daß niemand etwas daran auszusetzen fände, brächte man nie etwas zuwege.

____________________________________________________________




Geändert von danihue (02.01.2008 um 03:11 Uhr).
danihue ist offline   Mit Zitat antworten
Alt 02.01.2008, 03:29   #8
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Schreib dir eines auf einen großen Zettel - wenn der FF etwas falsch anzeigt, ist dein CSS fehlerhaft. Selbst wenn der IE5 oder 6 es für dich "korrekt" anzeigen.

Ich habe keinen IE hier, könntest du uns sagen, was der FF denn jetzt falsch macht?
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 02.01.2008, 10:33   #9
TP-Insider
 
Benutzerbild von danihue
 
Registriert seit: Feb 2005
danihue ist auf einem guten Weg
... habs notiert

Im Anhang habe ich die beiden Ansichten mal gegenüber gestellt. Ich denke dann wird klar, wo mein Problem liegt...
Miniaturansicht angehängter Grafiken
darstellung-im-ie-mozilla-verschieden-screenshot_darstellung.jpg  
__________________
Gruß
die Dani



Wollte man warten, bis man etwas so gut könnte, daß niemand etwas daran auszusetzen fände, brächte man nie etwas zuwege.

____________________________________________________________



danihue ist offline   Mit Zitat antworten
Alt 02.01.2008, 12:37   #10
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Der Hintergrund fehlt beim Firefox - was er auch richtig macht, auch wenn es falsch aussieht.

Du benutzt floats, hast aber nirgends orendtlich clear benutzt - was nötig wäre. Der IE macht es hier falsch, indem er einfach so cleart, ohne Angabe. Daher sieht es zwar "richtig" aus, ist es aber nicht.

Die Email-Adresse wird nicht automatisch umgebrochen, das ist "normal". Das musst du selbst manuell angeben (mit einem <br />).
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 02.01.2008, 12:50   #11
TP-Insider
 
Benutzerbild von danihue
 
Registriert seit: Feb 2005
danihue ist auf einem guten Weg
Zitat:
Zitat von Boris Beitrag anzeigen
Du benutzt floats, hast aber nirgends orendtlich clear benutzt - was nötig wäre. Der IE macht es hier falsch, indem er einfach so cleart, ohne Angabe. Daher sieht es zwar "richtig" aus, ist es aber nicht.
Das mit den floats und dem clear habe ich gerade bei self html nachgelesen, werde aber nicht so ganz schlau daraus. Heißt das nun für mich, dass ich jedesmal, wenn ich einen float benutzt habe ihn anschließend mit einem clear wieder aufheben muss??
__________________
Gruß
die Dani



Wollte man warten, bis man etwas so gut könnte, daß niemand etwas daran auszusetzen fände, brächte man nie etwas zuwege.

____________________________________________________________



danihue ist offline   Mit Zitat antworten
Alt 02.01.2008, 16:37   #12
TP-Specialist
 
Benutzerbild von theo
 
Registriert seit: Apr 2002
Ort: 743, evergreen terrace
theo macht sich hier sehr viel Mühe
Zitat:
Zitat von danihue Beitrag anzeigen
Heißt das nun für mich, dass ich jedesmal, wenn ich einen float benutzt habe ihn anschließend mit einem clear wieder aufheben muss??
nicht zwangslaeufig. clear kann auswirkungen auf alle gefloateten objekte eines seiteninhalts und damit negative auswirkungen auf anordnung und darstellung haben. am besten ist es, wenn du dir saubere formatierung von block- und inline-objekten ansiehst und dir dann vor augen haeltst, was bei einem float mit ihnen wirklich passiert.
__________________
/b{2}|[^(bb)]/

[Workshop] Nested sets
gutes webdesign
theo ist offline   Mit Zitat antworten
Alt 02.01.2008, 16:45   #13
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
Den hier darf ich endlich mal wieder posten

Float - Die Theorie
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Alt 02.01.2008, 20:24   #14
TP-Insider
 
Benutzerbild von danihue
 
Registriert seit: Feb 2005
danihue ist auf einem guten Weg
Danke für den Artikel, der war sehr hilfreich. Zwar habe ich das mit dem "clear" noch nicht ganz verstanden aber ich habe mein Darstellungsproblem lösen können.

Danke für eure Hilfe
__________________
Gruß
die Dani



Wollte man warten, bis man etwas so gut könnte, daß niemand etwas daran auszusetzen fände, brächte man nie etwas zuwege.

____________________________________________________________



danihue ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
Darstellung im IE und Mozilla verschieden Darstellung im IE und Mozilla verschieden
« Einzelne <li> Punkte einer Liste mit CSS direkt ansprechen | input hidden border »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:34 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67