TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 16.07.2007, 10:44   #1
321
TP-Specialist
 
Benutzerbild von 321
 
Registriert seit: Nov 2004
Ort: Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
321 hilft, wo's geht321 hilft, wo's geht321 hilft, wo's geht

diverse Probleme: IE7 <-> FF


Hallo TP
nach längerer Auszeit hier und im Web allgemein hab ich mal wieder CSS Probleme
zu denen ich auf eure Hilfe hoffe.

http://www.mywebra.net/ppac

1. width des Headers und des untern Teils (inhalt) sind im IE gleich, nicht aber im FF

2. bei "Pedicure" ist unter "Preise" der Inhalt rechts, also die Navigation im FF nach unten gerutscht. Bei "Öffnungszeiten" aber korrekt.

3. bei "Pranic-Healing" unter "Einleitung" funktioniert der Textverlauf (float) um das Bild nicht wie im IE.

"Airbrushing" und "Clown" sind noch nicht verfügbar, wie auch weitere Punkte von Pranic-Healing.
Das soll dann alles nach gleichem Schema aufgebaut werden.
ach ja, ein 'Home' fehlt ja noch ...

Danke für gute Tipps!
Hat noch jemand einen Link zu einer CSS-Hacks-Übersicht? Fand ich noch nie.

Gruss Joe
__________________
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]


use my HTML-Tester

Motto'06: Mut zur deutschen Sprache!
321 ist offline   Mit Zitat antworten


Alt 16.07.2007, 11:45   #2
TP-Moderator
 
Benutzerbild von Adromir
 
Registriert seit: Jun 2004
Ort: Hannover
Adromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKE
Also erste Schritte um ein Design einigermaßen in Firefox und IE gleich aussehen zu lassen:

Grundsätzlich: CSS und HTML besser nicht auf den IE orientiert schreiben, sondern sich eher an der Darstellung durch "richtige" Browser verlassen (also eigentlich alles ausser IE)

1. Man wähle einen Doctype mit URL. Ohne URL rendert der IE im Quirksmode, und dort berechnet er das Boxmodel anders als der Firefox-> Unterschiedliche Elementgrößen und Positionierungen zwischen den Browsern

2. im CSS per * Selektor erstmal alle Abstände nullen
Code:
* { margin: 0; padding: 0; }
Damit wird sicher gestellt, daß alle Elemente in den verschiedenen Browsern die gleichen Außen- und Innenabstände haben.

3. HTML- Fehler ausmerzen, und ggf. Verschachtelungen von Elementen und CSS- Vererbungen überprüfen.

4. Sollte es dennoch Probleme geben, dem IE mittels Conditional Comments ein alternatives CSS anbieten, welches die Probleme behebt...
__________________
Je größer der Deppenfaktor, desto gigantischer das Bescheidwissergefühl
-Dieter Nuhr
Adromir ist offline   Mit Zitat antworten
Alt 16.07.2007, 11:57   #3
321
TP-Specialist
 
Benutzerbild von 321
 
Registriert seit: Nov 2004
Ort: Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
321 hilft, wo's geht321 hilft, wo's geht321 hilft, wo's geht
Danke Adromir

Meinst Du da bestimmte HTML-Fehler bei Punkt 3. ?

Mich stört in erster Linie, dass der rechte Teil des Inhalts nach unten verrutscht.
Wie sollte daas CSS dazu denn aussehn, damit es erst mal in 'guten' Browsern richtig plaziert wird?
Bei Pedicure / Oeffnungszeiten ist es ja wie gewollt.
__________________
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]


use my HTML-Tester

Motto'06: Mut zur deutschen Sprache!
321 ist offline   Mit Zitat antworten
Alt 16.07.2007, 12:03   #4
TP-Moderator
 
Benutzerbild von Adromir
 
Registriert seit: Jun 2004
Ort: Hannover
Adromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKE
Naja, auf jeder Seite sind verschiedene Fehler.. Einfach mal über alle Dokumente mit nem Validator gehen.
__________________
Je größer der Deppenfaktor, desto gigantischer das Bescheidwissergefühl
-Dieter Nuhr
Adromir ist offline   Mit Zitat antworten
Alt 16.07.2007, 13:46   #5
321
TP-Specialist
 
Benutzerbild von 321
 
Registriert seit: Nov 2004
Ort: Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
321 hilft, wo's geht321 hilft, wo's geht321 hilft, wo's geht
Hab nun Doctype mit URL und HTML-Fehler beseitigt!

Auch den fragwürdigen CSS-Hack entfernt.

Aber den Textfluss um das Bild bekomm ich nur mit HTML align="left" und hspace="8" hin statt mit dem float im CSS

Im FF verschwindet auch der hspace-Abstand!
Siehe hier: http://www.mywebra.net/ppac/index.ph...ing_einleitung
__________________
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]


use my HTML-Tester

Motto'06: Mut zur deutschen Sprache!
321 ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
diverse Probleme: IE7 <-> FF diverse Probleme: IE7 <-> FF
« CSS - Breite passt sich nicht im IE an | Kasten vertikal unten ausrichten »

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 04:09 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