tabellenloses design unter verschiedenen browsern

theo · 02.04.2005, 14:00

der verzweiflung nahe ...

wende ich mich nun an euch.

ich hab eine seite, die logischerweise in allen browsern gleich angezeigt werden soll. da mir firefox die meisten probleme bereitet hat, habe ich mit dem angefangen. jetzt passt es da (zumindest in meiner version. andere mit dem gleichen browser sehen unsinn ...

) und im ie und opera ist alles verschoben.
wie kriege ich nun in allen drei browsern moeglichst das gleiche zu sehen?

hardy

hier der link

Boris · 02.04.2005, 14:56

Fangen wir doch erstmal hier an:

http://validator.w3.org/check?verbos...urg-swingt.de/

Hausmaster · 02.04.2005, 14:58

hi

verkleiner doch mal dein browserfenster, dann wirst du sehen worans liegt

die einfachste (und zugleich unschönste) methode ist "snaplayer" einfach mal im TP suchen...

steffenk · 02.04.2005, 15:00

hardy: Bei dem ausgefallenen Menü kommt die normale Serifenschrift nicht gut - hier dürfte es ruhog etwas abgefahrener sein

Wenn Du sie noch nicht hast, dann hol Dir die Web Developer Extension im FF - da kannst Du z.B. immer erst mal alles validieren lassen.

theo · 02.04.2005, 15:15

@boris: danke fuer den deprimierenden hinweis!

das hatte ich eigentlich fuer spaeter vorgesehen.

@hausmaster: danke fuer den tip. nur arbeiten alle mit dw ... ich nicht. jetzt hab ich also ein neues problem.

@steffen: meinst du die schrift in den seiten? die wird eh noch anders. du siehst ja, an welcher stelle ich gerade haengen geblieben bin.

programmierer sollten keine layouts umsetzen duerfen ... oder muessen *fg*

Hausmaster · 02.04.2005, 16:19

welches programm verwendest du denn?
lad dir mal cool page demo runter, damit kann man das auch machen

also deme heisst unbegrenzt eingeschrenkt, geht aber ...

theo · 02.04.2005, 17:30

jetzt treibst du mir die schamroete ins gesicht. ich hab hier ein altes homesite, welches ich immer noch gern verwende, damit mir die ganzen html-dateien nicht im phpedit rumliegen. dazu gabs noch ein schoenes topstyle und das wars.
normalerweise schreibe ich meinen stukturcode damit. aber diesmal hab ich wohl die grenzen der software erreicht.

(bei cool page hab ich nix dazu gefunden. hast du damit schonmal gearbeitet? sieht etwas "konfus" aus)

Boris · 02.04.2005, 17:51

Meine Güte, für diese Seite reicht doch ein ganz simpler Texteditor aus

theo · 02.04.2005, 18:54

ach boris ... das tut gut. ich hab schon die ganze zeit auf so eine bemerkung von dir gewartet. aber auf dich ist eben auch verlass!

jetzt sieht die sache schon besser aus. hab irgendwo von einer seite ein script genommen, welches wohl die aufgabe des "snaplayers" uebernehmen soll.
wenn ich jetzt noch den hintergrund in dem einen div noch inn allen browsern an die gleiche stelle kriegen wuerde, dann waer ich echt happy.

hardy

EDIT

ach ja, jetzt weiss ich´s wieder ... e-mil.ch wars

hero-master · 02.04.2005, 18:59

Warum schasut du dir nicht einmal die Fehler im Validator an, villeicht erübrigt sich das das ein oder andere Problem

Außerdem sind deine Divs seltsam mit CSS definiert worden und das noch per style

PS: Ich abreite bei CSS-Layouts auch mit Textpad

theo · 02.04.2005, 19:17

Zitat:

Zitat von hero-master

PS: Ich abreite bei CSS-Layouts auch mit Textpad

hehe ... ich bin aber nicht so ein held.

jetzt fehlt mir ja nur noch der bg. die restlichen sachen sind voll die pillepalle-fehler (oder manchmal auch keine wirklichen fehler).

steffenk · 02.04.2005, 19:48

um Dir auf die Sprünge zu helfen:

URI : http://www.quedlinburg-server.de/kun...pts/screen.css

* Zeile: 4 Kontext : body

Ung?ltige Nummer : font-family 10px ist kein font-family-Wert : 10px

URI : http://www.quedlinburg-server.de/kun...wingt.de/links

* Zeile: 68

Die Eigenschaft layer-background-color existiert nicht : #ffffff

Und das wichtigste: DU HAST KEINEN DOCTYPE ! Mach das mal, z.B. mit

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">

theo · 02.04.2005, 20:09

wenn ich den doctype reinsetze, dann spingt die ganze seite so weit nach oben, dass zum schluss fast nix mehr zu sehen ist. in der seite, wo ich das script her hatte, war auch kein doctype drin (siehst du, was ich meine?!).

ok ... font-family:10px war ein wirklicher hammer-schussel-fehler.

steffenk · 02.04.2005, 20:11

Du solltest den Doctype reinmachen, damit die Browser das gleich rendern.
Jetzt siehst Du die wahre Auswirkung Deiner Formatierung und solltest die korrigieren.

Als Ergebnis erhälst Du eine Seite, die in allen Browsern gleich aussieht !
(kleine Anpassungen an IE bleiben leider nie aus)

theo · 02.04.2005, 20:14

ok ... sorry. erst probieren, nachdenken und dann stoehnen. ich hab die -300 aus dem anker genommen und es haut hin ... mit doctype.

allerdings bleibt mein bg-problem.