Firefox 2 und 3 Pixelfehler (?)

[Jaskars]

Hallo ins Forum,

ich hab mich jetzt mit CSS auseinander gesetzt, und habe auch eine Seite für einen Kunden umgestzt. Das ganze habe ich live im IE und Firefox 2 (incl. Browserweiche) gebastelt. Der Test mit Opera und Netscape ergab dann einen Pixelfehler. Da für die aber keine Browserweiche ohne (!) Javascript existiert, war ich erstmal überfragt. Doch als ich mich dann zuhause an den Firefox 3 setzte und mein Ergebnis nochmal betrachtete, zeigte dieser auch eben diesen Pixelfehler an. Zurück auf Arbeit wieder den Firefox 2 angeschmissen und geschaut und die Seite sah top aus. Jetzt bin ich überfragt.

Weiß da vielleicht hier jemand eine Antwort drauf? Bin eigentlich keiner, der gleich ne forumsnachricht verfasst - aber das Problem scheint außer meiner Reichweite.

mfg J.

PS: Die Seite um die es geht: www.new-konzept.com

[suit]

ich hab mich jetzt mit CSS auseinander gesetzt,

nach dem quelltext deiner seite zu urteilen nur sehr oberflächlich, da du mit einer deklarativen sprache, welche maßgeblich auf verschachtelungen und abfolgen (kaskaden) basiert, versuchst, eine linerare quelltextsuppe zu formatieren - das ist unnötig kompliziert (und dauert lange), ist eine potentielle fehlerquelle (aufgrund der unübersichtlichkeit) und zudem semantisch nicht wertvoll

Weiß da vielleicht hier jemand eine Antwort drauf? Bin eigentlich keiner, der gleich ne forumsnachricht verfasst - aber das Problem scheint außer meiner Reichweite.

ich sehe nichts an dieser seite was auf irgend eine weise eine browserweiche rechtfertigt - aber in erster linie solltest du deinen quelltext bereinigen

http://validator.w3.org/ und dafür sorgen, dass jeder browser im standardkonformen modus rendert - ich denke dass dein problem etwas dem <http://de.selfhtml.org/css/formate/box_modell.htm#doctype_switch@title=quirksmode und doctype-switch> zu tun hat - es ist einfach unwahrscheinlich, dass der internet explorer etwas "richtig" darstellt und verdächtigerweise viele browser falsch machen

es hört sich eher nach einem "nicht wie gewünscht" an

also: zumindest den quelltext validieren und dafür sorgen, dass der ie nicht im quirksmode rendert

[Jaskars]

Danke, sobald es die Zeit wieder zulässt, werde ich deine Ratschläge beherzigen. Da ich nur Selbsstudium betreiben kann, bin ich für solche Ratschläge sehr dankbar. Seit gestern liegt auch schon Lektüre zuhause am Rechner. Nur ist das alles halt leider nicht so effektive und dauert. Das mit der Quelltextsuppe verstehe ich nicht so ganz. Welche Formatierung hat denn ein korrekter Quelltext? Ein Bsp. wäre schön, dass ich mal ein Auge dafür bekomme.

mfg J.

[suit]

Welche Formatierung hat denn ein korrekter Quelltext? Ein Bsp. wäre schön, dass ich mal ein Auge dafür bekomme.

korrektes html hat keine formatierung - für formatierung bzw das "bunte" ist css zuständig

du machst folgendes

<div id="navi_c"><div id="navic_font">50+</div></div>  
<div id="navi_d"><div id="navid_font">Frauen mit<br>Unternehmergeist</div></div>  
<div id="navi_e"><div id="navie_font">Karriere</div></div>  
<div id="navi_f"><div id="navif_font">Young Generation</div></div>  

jeder [1] andere würde das hier machen

<ul id="navigation>  
  <li>50+</li>  
  <li>Frauen mit Unternehmergeist</li>  
  <li>Karriere</li>  
  <li>Young Generation</li>  
</ul>

[1] theoretisch

[suit]

<ul id="navigation>

<li>50+</li>
  <li>Frauen mit Unternehmergeist</li>
  <li>Karriere</li>
  <li>Young Generation</li>
</ul>

  
anm: der der html-fehler (nicht beendetes attribut) ist natürlich nicht so nachzubauen ;)

[Jaskars]

Schön wenn jemand nicht nur verbale Ohrfeigen austeilen kann - Danke.
Ok, das leuchtet natürlich ein. D.h. dann aber für mich, dass ich die 1px-Hintergrunggrafik für die Button-Optik nicht mehr so (repeat-x) verwenden kann. Wo kann ich die denn dann einbinden?

[suit]

Schön wenn jemand nicht nur verbale Ohrfeigen austeilen kann - Danke.
Ok, das leuchtet natürlich ein. D.h. dann aber für mich, dass ich die 1px-Hintergrunggrafik für die Button-Optik nicht mehr so (repeat-x) verwenden kann. Wo kann ich die denn dann einbinden?

du hast ja genug andere elemente, ein link in einem menü sieht üblicherweise so aus

<li><a href="#">klick mich</a></li>

hier hast du zwei elemente, die ein hintergrundbild haben können - das li-element oder das a-element

für css spielt es pinzipiell keine rolle ob das element div, li, p oder sonstwie heisst - du musst es nur eindeutig selektieren können

wenn das über die struktur nicht möglich ist, kannst du klassen oder ids verwenden - ansonsten ist das nicht nötig

[Felix Riesterer]

Lieber Jaskars,

dass irgendein Browser Deine Seite sinnvoll darstellt, liegt daran, wie gut dieser Browser errät, was Du mit Deinem Quälcode bezwecken willst. Übrigens ist auch der Validator mit Deinem Quälcode nicht glücklich - nachbessern!

Ja, ich verurteile Deinen Quellcode als Quälcode, da er eine Qual zu lesen ist. In HTML existieren sehr viele Elemente, die zu einer Textauszeichnung benutzt werden können, je nach inhaltlicher Natur des Textes. Dazu zählen ebenso (hierarchisch gestaffelte) Überschriftenelemente (h1-h6), Textabsätze (p), Listen (ul, ol, dl) mit Listenelementen (li, dt/dd), Tabellen und anderes.

Du verwendest davon nix. Das macht Deinen Quellcode zum Quälcode. Ich darf einmal daraus zitieren:

<div id="main_a">  
<div id="main_b">  
<div id="top_a"><img src="Bilder/zeit_1.jpg" alt="Zeit für Veraenderung" id="zeit_1" name="zeit_1" title=""></div>  
<div id="top_b"><img src="Bilder/zeit_2.jpg" alt="Zeit für Veraenderung" id="zeit_2" name="zeit_2" title=""></div>  
<div id="top_c"><img src="Bilder/logo_1.jpg" alt="new-conzept.com" id="logo_1" name="logo_1" title=""></div>  
<div id="top_d"><img src="Bilder/logo_2.jpg" alt="new-conzept.com" id="logo_2" name="logo_2" title=""></div>  
<div class="clear"></div>

Also wenn das keine DIV-Suppe ist, was dann? Könnte man das alles nicht als Hintergrundbild gestalten? Diese <div>-Elemente haben keinen Sinn. Ihr Inhalt besteht ausnahmslos aus einem <img>-Element, das ebenfalls keinen Inhalt transportiert. Es sind Grafiken zur visuellen Gestaltung Deiner Seite. Genau dazu braucht es CSS! Also benutze es entsprechend und entferne diese <div>s komplett und ersatzlos!

<div id="navi_main">  
  <div id="navi_b">  
    <div id="navib_font">Zusatzeinkommen</div>  
  </div>  
  <div id="navi_c">  
    <div id="navic_font">50+</div>  
  </div>  
  <div id="navi_d">  
    <div id="navid_font">Frauen mit<br>Unternehmergeist</div>  
  </div>

Wie man eine Navi sinnvoll (semantisch) aufbaut steht hier: http://de.selfhtml.org/css/layouts/navigationsleisten.htm

So. Bitte von vorn anfangen.

Liebe Grüße,

Felix Riesterer.

[Jaskars]

So. Bitte von vorn anfangen.

So,das kratzt natürlich erstmal am Ego, ist aber scheibar auch notwendig. Ich bin relativ frisch in dieser Art der Mediengestaltung. Das einzige, was grad möglich ist, ist mich abends nach der Arbeit noch mit CSS auseinanderzusetzen. Von Tabellen als Gestaltungselement WILL ich weg - nur der Weg ist etwas holprig.

Jedenfalls Danke für den Link und die harten Worte (die hier scheinbar jeder verwendet). Ich werde mich weiter belesen, und sicher noch die eine oder andere Rüge kassieren - aber anders wirds halt nich.

Gruß J.

[Felix Riesterer]

Lieber Jaskars,

So. Bitte von vorn anfangen.

So,das kratzt natürlich erstmal am Ego, ist aber scheibar auch notwendig.

Du bist offensichtlich sehr tapfer.

Ich bin relativ frisch in dieser Art der Mediengestaltung. Das einzige, was grad möglich ist, ist mich abends nach der Arbeit noch mit CSS auseinanderzusetzen. Von Tabellen als Gestaltungselement WILL ich weg - nur der Weg ist etwas holprig.

Dann schau doch gerade hier herein, da ist eine ähnliche Diskussion gerade voll im Gange: https://forum.selfhtml.org/?t=176998&m=1165616

Jedenfalls Danke für den Link und die harten Worte (die hier scheinbar jeder verwendet). Ich werde mich weiter belesen, und sicher noch die eine oder andere Rüge kassieren - aber anders wirds halt nich.

Ich sage ja, Du bist offensichtlich sehr tapfer. Und ja, der Ton hier ist oft etwas rauh, aber im Grunde deswegen sehr ehrlich. Es sind ja _fachliche_ Diskussionen, die nach fachlichen Lösungen streben. Gefühle sind hier entbehrlicher Luxus - meiner Meinung nach.

Liebe Grüße,

Felix Riesterer.

[ChrisB]

Hi,

ich hab mich jetzt mit CSS auseinander gesetzt, und habe auch eine Seite für einen Kunden umgestzt.

Du solltest dich zunaechst mal mit HTML auseinandersetzen - mindestens so lange, bis man dir eine grundlegende Ahnung von dessen zeitgemaessem Einsatz attestieren kann - *bevor* du irgendetwas fuer "Kunden" umsetzt.

MfG ChrisB

[Patrick Andrieu]

Hallo ChrisB!

Du solltest dich zunaechst mal mit HTML auseinandersetzen - mindestens so lange, bis man dir eine grundlegende Ahnung von dessen zeitgemaessem Einsatz attestieren kann - *bevor* du irgendetwas fuer "Kunden" umsetzt.

Ich habe gerade vorgestern den validen Nachbau der tabellenmissbrauchenden (und das waren nicht alle Sünden) Startseite einer Agentur in mein Testverzeichnis online gestellt und in einer Bewerbung-E-Mail verlinkt - und die Unterschiede erläutert und analysiert. Heute erhielt ich die Absage. Unter den Kunden besagter Agentur ist ein berühmter Fernsehsender. Den Kunden juckt's anscheinend nicht, was denen für ein Schrott verkauft wird.

Wenn es nicht traurig wäre, würde ich ein Glas Äppler drauf trinken (tu ich sowieso *g*).

Viele Grüße aus Frankfurt/Main,
Patrick

[suit]

Den Kunden juckt's anscheinend nicht, was denen für ein Schrott verkauft wird.

nein, denn jeder 2. deutsche oder österreicher ist computerexperte - all jene die nicht zu diesem erlesenen kreis gehören, haben zumindest einen nachbarn oder ein familienmitglied, welches computerexperte ist

computerexperten sind immer universalgenies die vom rechner zusammenbauen über  netzwerkinfratstrukturbereuung bishin zu softwareentwicklung und design alles beherrschen ;)

[Jaskars]

Du solltest dich zunaechst mal mit HTML auseinandersetzen - mindestens so lange, bis man dir eine grundlegende Ahnung von dessen zeitgemaessem Einsatz attestieren kann - *bevor* du irgendetwas fuer "Kunden" umsetzt.

Vielen Dank für diese unkonstruktive Antwort - die hat mich jetzt keinen Schritt weiter gebracht. Ich fange gerade erst an, und mache nach der Arbeit Selbststudium, stöbere in anderen Quelltexten rum usw. Logisch, dass so nich gleich Wein aus dem Wasser wird... Und diese Webseite MUSSTE ICH (unabhängig von meinem Wissenstand) umsetzen. Aber Hauptsache Du fühlst Dich jetzt besser. Erst denken - dann schreiben wäre schön.