Bis jetzt hab ich mich hauptsächlich mit Programmierung und Datenbanken befasst.

So - jetzt hab ich langsam was was ich herzeigen könnte - aber das Design macht Probleme

Bis jetzt hab ich alle Designs mit Tabellen gemacht - okay - is unsauber hat aber funktioniert. Trennung Inhalt/Layout - okay. Hab ich versucht. und mit dem Browser den ich verwende (Firefox) sieht's so aus wie ich's gerne hätte. Schau ich mir die Seite dann mit dem IE5 an -> alles verschoben mistig und verzerrt.

Ich mag zwar den IE nicht aber kann ich ja schlecht ignorieren weils ja genug Leute gibt die ihn verwenden. Wobei ich noch nichtmal dem IE die Schuld für die falsche Darstellung geben will - das kann durchaus an mir liegen.

Also hier mal ganz extrahiert der Teil der mir momentan Probleme macht: http://test.furx.de/layout1/ . Im Firefox Okay - Im IE Mist. Wer macht hier Was falsch? Ich, Der IE, Der Firefox, Wir alle ?? was mach ich das es bessser wird ...

*verzweifel* PHP is irgendwie einfacher als richtiges html hab ich das Gefühl ....


---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...

na dann, fangen wir mal an..

erstmal als ich mit dem ganzen tabellenlosen zeugs angefangen habe, kam ich ebenso sehr oft ans zweifeln.. und auch heute gibt es fehler wenn ich mir das bei so manchen browsers anschaue, an denen ich verzweifle, und man ewig nicht den fehler findet...

das hauptproblem fängt bei der html seite ganz oben an, der doctype.. und zwar fehlt ist er nicht vollständig, dir fehlt der link.. sprich das " "http://www.w3.org/TR/html4/loose.dtd">" (oder ähnliches)

dann benutzt der ie6 jedenfalls das richtige boxmodell, und es sieht gleich viel besser aus.. den ie 5, kann man nur durch gewisses "tricksen" dazu bringen es richtig anzuzeigen.. sogenante "hacks"..
(dazu findet man jede menge im i-net, nur ein link zum kurzen überblick: http://www.intensivstation.ch/css/8.html)

bei dem doctype solltest du aber so oder so gleich auf xhtml transitional umstellen (ist noch ein bisschen "freier")


oder gleich auf den stricten..


ein kurzer link wieder für dich: http://de.selfhtml.org/css/formate/box_modell.htm (dort ist auch was zu den doctype problem erklärt etc..)

problem ist jetztn ur noch im ie, dass er zwischen den oben 2 "auskerbungen" eine lücke lässt.. dazu gibst du .newshease und .newstime die eigenschaft padding-bottom: 0px; und der dem div was sie um schließt (welcheem du am besten gleich ene eigene id / class geben solltest), anstatt der höhe von 20px nur noch 15px... so, jetzt sieht es zwar im ie korekt aus, aber im firefox / opera nicht.. deswegen gibst du noch .news die eigenschaft clear:both; -damit werden die floates aus dem div darüber "geschlossen"...

so, und jetzt seiht es überall gleich aus... das geht vielleicht noch ein bisschen einfacher, aber es ist ja auch schon spät ;)

im allgemeinen, kann man mit dem ie6 / opera / firefox recht oft zu ähnlichen ergebnissen.. man muss nur für den ie keine alzu "schweren" css eigenschaften nehmen, denn vieles kann der leider nicht.. ich sage nur http://nanobox.chipx86.com/browser_support.php da sieht man das ganz gut.. vorallem bei css...

und naja, der netzcape 4 ist dann wieder noch was anderes, und der ie5 mac sowieso, denn der nimmt z.b. das richtige boxmodell, aber hat so manch andere probleme.. alledings ist der safari der ja wohl vom webstandarts unterstüzung her der beste browser ist ja schon recht weit verbreitet bei den macianern...

so, sollte jetzt mal ins bett gehen..
nisita

---
"Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi

! PERFEKT !

Genau so eine Antwort hab ich erwartet !!
Wieder was gelernt !!!
Hatte keine Ahnung das es sowas wie "Box-Models" gibt (bzw ich hätte da eher an Schlammcatchen gedacht ;) )


---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...

document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as " " or "") inside an inline element (such as "", "", or ""). soll das heissen, dass ich und nicht beliebig verschachteln darf !?!?!? was mach ich denn da ?!?!!? edit: hab's rausgefunden ... geht nich Drum hab ich das Design geändert. --- wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät... Diese Nachricht wurde geändert von: Herr_Zatacke
Profil   Editieren   Zitieren
Ehemaliges Mitglied (#1460) Posting-Schinder Beiträge: 609	Herr_Zatacke schrieb am 03.05.2005 14:42 Bis jetzt hab ich alle Designs mit Tabellen gemacht - okay - is unsauber hat aber funktioniert. Das glaubst vielleicht Du (und alle, die immer noch Tabellen missbrauchen). Es gibt aber auch Browser, in denen komplexe Tabellenlayouts versagen. Was mit CSS nicht passieren kann (da leidet höchstens die Optik, aber nie die Nutzbarkeit). Schau ich mir die Seite dann mit dem IE5 an -> alles verschoben mistig und verzerrt. Das ist wohl zu erwarten bei einem hoffnungslos veralteten Browser. Sogar der IE6 ist in Sachen CSS eher schwach. Er beherrscht CSS2 nicht sonderlich gut. Ich mag zwar den IE nicht aber kann ich ja schlecht ignorieren weils ja genug Leute gibt die ihn verwenden. Mit CSS Layouts muss man keinen Browser ignorieren, da man mit CSS (und nicht mit Tabellen) eine 100%ige Nutzbarkeit in allen Browsern erreichen kann. Auch Netscape 0.8 oder Mosaic oder Lynx. Wobei ich noch nichtmal dem IE die Schuld für die falsche Darstellung geben will - das kann durchaus an mir liegen. Wenn es im FF gut aussieht, dann liegt es mit extrem hoher wahrscheinlichkeit am IE. *verzweifel* PHP is irgendwie einfacher als richtiges html hab ich das Gefühl .... Die zwei kannst Du ja gar nicht vergleichen. Das eine ist eine Programmiersprache und das andere eine Strukturbeschreibungssprache. HTML ist zwingend notwendig für die Darstellung von Websites. Auch PHP-Scripts erzeugen nur HTML-Code. Was den Doctype angeht, da hätte ich noch einen Link für Dich. Hier findest Du eine Übersicht von DOCTYPES und welche welche Browser in den Standard Mode versetzen, denn der ist zwingend möglich, um Darstellungsunterschiede zu minimieren: Doctype Definition soll das heissen, dass ich und nicht beliebig verschachteln darf !?!?!? Nein. div ist ein Block-Element und span ein Inline-Element. Block-Elemente dürfen niemals innerhalb eines Inline-Elements stehen. Aller CSS-Anfang ist schwer. Aber wenn man es erstmal drauf hat, merkt man, dass es sich lohnt! Hier hätte ich noch einen sehr guten Link bzgl. des Umstiegs von Tabellen auf CSS: Why tables for layout is stupid
	Profil   Editieren   Zitieren
Herr_Zatacke Otto-Normal-Poster Threadstarter Beiträge: 90	Das glaubst vielleicht Du (und alle, die immer noch Tabellen missbrauchen). tu ich ja jetzt nicht mehr .... wobei ich dazu morgen oder übermorgen nochmal mit ner frage kommen werde. Das ist wohl zu erwarten bei einem hoffnungslos veralteten Browser. [IE5] Sogar der IE6 ist in Sachen CSS eher schwach. Er beherrscht CSS2 nicht sonderlich gut. ich benutz nur firefox - hatte bis jetzt noch keinen grund mir den IE6 zu holen - hab ich aber jetzt gemacht. Wenn es im FF gut aussieht, dann liegt es mit extrem hoher wahrscheinlichkeit am IE. Lag am doctype bzw dem quirx(?)-modus also wohl doch an mir Die zwei kannst Du ja gar nicht vergleichen. Das eine ist eine Programmiersprache und das andere eine Strukturbeschreibungssprache Naja .. Programmieren hab ich so ca mit 14 gelernt - html fand ich einfach solang alles das geamcht hat was ich wollte. Aber so richtig hab ich mich (anscheinend) noch nie damit befasst... Was den Doctype angeht, da hätte ich noch einen Link für Dich. Hier findest Du eine Übersicht von DOCTYPES und welche welche Browser in den Standard Mode versetzen, denn der ist zwingend möglich, um Darstellungsunterschiede zu minimieren Besten Dank ! Nein. div ist ein Block-Element und span ein Inline-Element. Block-Elemente dürfen niemals innerhalb eines Inline-Elements stehen. sowohl Firefox als auch der IE6 haben es -so wie ich es mir vorgestellt hab- richtig angezeigt. Der Validator dagegen hat mich eines besseren belehrt! - Hat dazu geführt das ich mein design (fast) komplett geändert hab - meiner Meinung nach zum besseren hin - also noch ein vorteil :D Aller CSS-Anfang ist schwer. Aber wenn man es erstmal drauf hat, merkt man, dass es sich lohnt! ich Sehe das potential - vor allem weil der Lynx die Seite tatsächlich ziemlich brauchbar anzeigt Hier hätte ich noch einen sehr guten Link bzgl. des Umstiegs von Tabellen auf CSS war vor kurzem auch auf deutsch hier - hat mich überhaupt erst dazu bewegt mich mit der sache zu befassen !! --- wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...
	Profil   Editieren   Zitieren
Ehemaliges Mitglied (#1460) Posting-Schinder Beiträge: 609	Herr_Zatacke schrieb am 06.05.2005 03:58 war vor kurzem auch auf deutsch hier - hat mich überhaupt erst dazu bewegt mich mit der sache zu befassen !! Ja, die deutsche Übersetzung (ist ja von mir ;^) war zu dem Zeitpunkt, wo ich das geantwortet habe, nur nicht erreichbar.
	Profil   Editieren   Zitieren
Herr_Zatacke Otto-Normal-Poster Threadstarter Beiträge: 90	So ... hier meine angekündigte Frage: ich hab die Seite bis auf folgenden Link inzwischen vollständig von Tabellen befreit. http://knickmal.furx.de/galerie.php Die Frage ist: muss/sollte ich diese Bildübersicht auch umstellen, oder wäre der Verwendungsmethode von Tabellen gerecht hier Tabellen zu verwenden? Es ist zwar keine wirkliche "tabellarische Auflistung" aber ziemlich "handy" ... vor allem weil sich die Tabelle hier schön anpasst wenn ich in PHP die Maximalen Zeilen/Spalten verändere... Wenn iher meint ich soll sie ändern, dann bitte gleich einen kleinen Tip, wie ich das ohne allzugrosse Laoutänderungen realisieren könnte .... nochmal Danke für alle bisherigen Hilfestellungen und Danke im Voraus ... h_z --- wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...
	Profil   Editieren   Zitieren
nisita Posting-Schinder Beiträge: 540	da diese tabelle keinerlei "verknüpfung" hat, und nur eine "aufreihung" von bildern würde ich das ohne tabellen machen... und zwar mache ich das immer so: um jedes bild kommt ein div, mit der class z.b. "bilderkasten"... bilderkasten bekommt nun in css eine genau höhe und breite, und floatet links... und jetzt, reihen sich alle schön nacheinander auf... -natürlich hat man dann aber nicht so eine rahmenform wie du sie jetzt hast... und mit maximaler zeilen / spalten weise, würdest du auf diese weise auch nicht weiterkommen.. denn die divs passen sich der breite des umschließenend div (oder ähnliches) an aber einfach mal ausprobieren... mfg nisita PS:solltest nach dem den vielen difs noch ein clearendes div benutzen.. --- "Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi
	Profil   Editieren   Zitieren
Herr_Zatacke Otto-Normal-Poster Threadstarter Beiträge: 90	ungefähr so? musste leider um das Design zu wahren jede Zeile in ein eingenes div packen um bei unvollständigen zeilen auch die randlinie zu erzeugen... --- wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät... Diese Nachricht wurde geändert von: Herr_Zatacke
	Profil   Editieren   Zitieren
nisita Posting-Schinder Beiträge: 540	ja, ungefähr so... man könnte vielleicht noch eine linie am ende eines bildbox difsmachen, und diese mittels .bildbox hr unsichtbar machen... ansonsten weiß man nicht genau (wenn man ohne deine css datei surft), wozu der text gehört, zum bild oben, oder zum bild unten... ansonsten soweit wie ich das mir in html / css datei angeschaut habe, alles supi.. mfg nisita --- "Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi
	Profil   Editieren   Zitieren
Herr_Zatacke Otto-Normal-Poster Threadstarter Beiträge: 90	man könnte vielleicht noch eine linie am ende eines bildbox difsmachen, und diese mittels .bildbox hr unsichtbar machen... ansonsten weiß man nicht genau (wenn man ohne deine css datei surft), wozu der text gehört, zum bild oben, oder zum bild unten... Danke für den Tip - hab ich gleich gamacht! Auf die Idee hätt ich eigentlich auch selber kommen können, nachdem ich mir die Seite ja schon ohne css angeschaut hab .... --- wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...
	Profil   Editieren   Zitieren
Ehemaliges Mitglied (#1460) Posting-Schinder Beiträge: 609	Statt eines nichtssagenden divs könnte man auch eine Definitionsliste verwenden, die hat den Vorteil, dass man auch einen semantischen Zusammenhang zwischen dem Bild und seiner Unterschrift schafft.
	Profil   Editieren   Zitieren
nisita Posting-Schinder Beiträge: 540	so würde man sich auch die line sparen... .. --- "Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi
	Profil   Editieren   Zitieren