Padding-Problem

[Günther Weber]

Hallo,

Ich hab das Problem, dass ich unsere Website etwas überarbeiten soll und keine Ahnung davon habe :-)

Eine Menüleiste, die über die untenstehenden Zeilen einer css Datei gesteuert wird. Im angehängten Bild sieht man das Ergebnis in FireFox und Internet Explorer. Zuerst hatte ich einen Menüpunkt hinzugefügt und im FF das Problem, dass das Menü hinten abgeschnitten wurde. Das konnte ich dann durch Verkleinerung der Werte für padding-left und padding-right so weit lösen, dass FF jetzt alle Menüpunkte wieder anzeigt. Aber der IE macht mir riesige Abstände zwischen die Menüpunkte, selbst wenn ich die padding-Werte in 0 ändere.

Im FF ist das Problem, dass das Menü abgeschnitten wird wenn es einen Hauch länger wird.

Und im IE sieht die Seite unmöglich aus.

Was muß ich ändern?
Danke - Günther

#nav_menukopf td {
 padding-left: 0.50em;
 padding-right: 0.50em;
 padding-top: 1.4em;
 padding-bottom: 0.7em;
 align: top;
 float: left;
 list-style: none;
 border-left: 4px solid #FF0F0F; 
border-right: 4px solid #0F0FFF; 
 font-weight: 700;
 }

border-left und border-right hab ich natürlich nur hinzugefügt, um besser zu sehen, was er macht.

[Falk Prüfer]

Hallo,

...Im FF ist das Problem, dass das Menü abgeschnitten wird wenn es einen Hauch länger wird.

Und im IE sieht die Seite unmöglich aus.

Was muß ich ändern?

Wie sieht die Auszeichnung aus? Wo kann man sich das Ergebnis ansehen? (die Bilder sind nicht wirklich brauchbar) Oftmals liegen die Ursachen an ganz anderen oder auch generellen Stellen. Bei einem td für ein Menü schwant mir schon Übles...
Mit den dürftigen Infos lässt sich die Frage jedenfalls nicht wirklich beantworten.

...Ich hab das Problem, dass ich unsere Website etwas überarbeiten soll und keine Ahnung davon habe :-)

Was soll man dazu sagen... Vertraut dir dein Chef auch sein Auto an um dranrumzuschrauben? Wahrscheinlich nicht, das kommt dann doch besser in die Werkstatt. Aber für den Fachmann für die Webseite (als weltweites Aushängeschild) reichts dann nicht!

Gruß Falk

[Günther Weber]

Wo kann man sich das Ergebnis ansehen?

http://www.van-dinther.de/

Die senkrechten Striche hab ich wieder rausgenommen.

[Günther Weber]

<table id="nav_menukopf" ><tr>
<td><a  href="index.php?menuwahl=0&set=<?php echo $set; ?>"> <img src="grafik/fahne_d.png"  width="20" height="15"alt=""> </a></td>
<td><a  href="index_e.php?menuwahl=0&set=<?php echo $set; ?>"> <img src="grafik/fahne_gb.png" width="20" height="15"alt=""> </a></td>
<td><a class=menu href="index.php?menuwahl=1&set=<?php echo $set; ?>" title="<?php echo $m_pump; ?>"><span><?php echo $m_pump; ?></span></a></td>
<td><a class=menu href="index.php?menuwahl=4&set=<?php echo $set; ?>" title="<?php echo $m_agg; ?>"><span><?php echo $m_agg; ?></span></a></td>
<td><a class=menu href="index.php?menuwahl=2&set=<?php echo $set; ?>" title="<?php echo $m_komp;  ?>"><span><?php echo $m_komp; ?></span></a></td>
<td><a class=menu href="index.php?menuwahl=3&set=<?php echo $set; ?>" title="<?php echo $m_mot; ?>"><span><?php echo $m_mot; ?></span></a></td>
<td><a class=menu href="form.php?menuwahl=0&titel=k&set=<?php echo $set; ?>" title="<?php echo $m_kont;  ?>"><span><?php echo $m_kont; ?></span></a></td>
</tr></table>

[Falk Prüfer]

Hallo,

sorry wenn ich das so sage, aber das sieht nach verkorkstem Murks ohne Sinn und Verstand aus
Eine Style-Angabe für list-style ist bei einem td-Element völlig sinnlos. Dieses ist ja keine Liste und kann deshalb auch keinen list-style haben. Obwohl es natürlich besser wäre ein Menü als Liste auszuzeichnen. Immerhin steht es einer Liste (von Links) näher als einer Tabelle!
Über dem Menü liegt dann nochmal ein leerer, absolut positionierter div-Container (nav_kopf2). Wofür ist der da? Der sorgt dann auch für das "Abschneiden", weil er es einfach verdeckt.
Das HTML der Seite weist aktuell 22 Parser-Fehler auf, u.a. schließende Tags, zu denen es kein Öffnendes gibt. Bevor die nicht beseitigt sind lohnt es sich nicht darüber nachzudenken, warum unterschiedliche Browser die Seite unterschiedlich darstellen.

Gruß Falk

[Efchen]

Moin,

was einen auf der Site erwartet, kann man sich schon denken, wenn einem die gräßlich-quiets-gelbe Hintergrundfarbe die Augen aussticht. Laien am Werk - und das bei einer gewerblichen Website. Dicker Minuspunkt nicht nur für die Website, sondern für die ganze Firma. Als Interessent für Hydrauliklösungen würde ich jetzt erstmal woandershin gehen und gucken, ob es noch Firmen gibt, die ihren Webauftritt im Griff haben und dadurch Seriosität ausstraheln. Weil, wenn diese Firma mit ihrer Hydraulik genauso ist, wie mit der Werbsite, dann will man von denen nichts.

Die Website ist das erste Aushängeschild der Firma. Also nicht den Hobbybastler dran lassen, sondern ganz schnell Geld für einen Profi investieren!

Technisch geht dann die Luzi ab: Falscher Doctype, Fontsize in Pixel (kann im IE6 nicht skaliert werden, manch einer kann das dann nicht lesen, 1em ist empfohlen), div-Suppe (viel zu viele divs, Einzelne Elemente, die (mit div) als Gruppe ausgezeichnet werden; Einzelnes Image in einem div), Tabellenmissbrauch, ungültige Tags für physische Inhaltsauszeichnung, falsche Reihenfolge der Überschriften (h1 gefolgt von h3 ohne h2 - völlig unlogisch!), Adresse nicht als solche ausgezeichnet und Fehlerausgaben gehen ja gar nicht: <b>Fatal error</b>: Cannot redeclare substr2del() in <b>/home/settidbi/www.van-dinther.de/template/footerprint.html</b> on line <b>21</b><br />

Kurzum, hier geht es gar nicht um ein padding-Problem, sondern um Geiz, der nicht geil ist. Hier kann man nur empfehlen, alles von 0 auf neu zu machen bzw. machen zu lassen. Damit der Ruf der Firma nicht weiter leidet.

Gerne gehe ich auf Anfrage weiter auf Details ein und gerne helfe ich jemandem, der es wirklich lernen will. Allerdings sollte man das nicht an einer Firmenwebsite ausprobieren.

Liebe Grüße,
-Efchen

[Christian Marquardt]

wenn einem die gräßlich-quiets-gelbe Hintergrundfarbe die Augen aussticht.

Dann solltest du deine Browsereinstellungen prüfen. Es wurde überhaupt keine Farbe für den den Hintergrund angegeben. Also wird deine Voreinstellung genutzt

[Efchen]

Dann solltest du deine Browsereinstellungen prüfen. Es wurde überhaupt keine Farbe für den den Hintergrund angegeben. Also wird deine Voreinstellung genutzt

Eben!

Typischer Anfängerfehler - es kann wohl nicht sein, dass das gewünscht ist, oder?
Bei CSS gilt: Alle Eigenschaften, von denen man sich eine Eigenschaft zwingend wünscht, muss man sie auch angeben. Es gibt nämlich keine Vorschriften, wie die Default-Eigenschften im Browser gesetzt werden müssen, nur Empfehlungen.

[Falk Prüfer]

Hallo Efchen,

ich weiss das du sofort ein rotes Tuch siehst, wen dir eine Seite mit Fehlern und schlechter Semantik vorgestellt wird, aber wie Christian schon sagte, für die Hintergrundfarbe kann der TE hier nur etwas weil er sie nicht explizit angegeben hat. Das "gräßlich-quiets-gelbe" ist eher ein Problem auf deiner Seite
Du hast mit deiner Analyse der Kritikpunkte natürlich Recht, aber man sollte in der Wortwahl auch mal die Bälle etwas flach halten. Das Web wimmelt von schlecht programmierten Webseiten und auch bei vielen "Grossen" schau ich lieber nicht in den Quelltext. Auch wird niemand die Webseite eines Herstellers verlassen oder es ablehnen dort etwas zu kaufen, nur weil die Webseite in "schlechtem Stil" programmiert ist. Die wenigsten Nutzer im Internet können mit Semantik etwas anfangen. Für die zählt in erster Linie Optik! Und das ist das Problem warum Webseiten viel zu oft von Grafikern und "Druckern" entworfen UND umgesetzt werden. (Das ist als ob der Autodesigner auch gleichzeitig die Motoren baut und anschliessend in der Fertigungshalle steht) Inwiefern eine semantisch schlechte Seite eben auch schlecht gefunden wird (über die Suchmaschinen), steht noch auf einem ganz anderen Blatt.
Aber du hast recht: Hier geht es nicht um ein Padding-Problem!

Gruß Falk

[Falk Prüfer]

...Bei CSS gilt: Alle Eigenschaften, von denen man sich eine Eigenschaft zwingend wünscht, muss man sie auch angeben.

Vlt. ist es ja gewünscht, die Hintergrundfarbe so zu halten, wie der Nutzer sie in seinem Browser eingestellt hat. Und wenn du auf quietsch-gelb stehst - was regst du dich auf?

[Efchen]

für die Hintergrundfarbe kann der TE hier nur etwas weil er sie nicht explizit angegeben hat. Das "gräßlich-quiets-gelbe" ist eher ein Problem auf deiner Seite

Ds sehe ich anders. Ein bunter Hintergrund knn unmöglich gewünscht sein. lso muss man den explizit angeben! Typischer nfängerfehler.

Du hast mit deiner Analyse der Kritikpunkte natürlich Recht, aber man sollte in der Wortwahl auch mal die Bälle etwas flach halten.

Damit der Kommentierte nicht versteht, wie wichtig das ist, ws er flsch gemacht ht? Sehe ich auch anders.

Das Web wimmelt von schlecht programmierten Webseiten

Ds wenigste daran hat etws mit Programmierung zu tun. Wenn es so wäre, wäre das eher eine Entschuldigung, weil man für Progrmmierung schon etwas mehr Grips aufbringen muss.
Webseiten zu erstellen ist aber kinderleicht und trotzdem machen es so viele falsch.

Auch wird niemand die Webseite eines Herstellers verlassen oder es ablehnen dort etwas zu kaufen, nur weil die Webseite in "schlechtem Stil" programmiert ist.

Auch das ist ein weit verbreiteter Irrtum. Ds gilt vielleicht nicht für Leute, die die Website so betrchten, wie das der Webmaster gemcht ht.
Aber es gibt Leute, die einen besonders großen oder besonders kleinen Viewport haben. Es gibt Leute, die die Schriftgröße verstellen müssen oder es gibt Leute, die gr nicht sehen können.
Alle die merken das natürlich, wenn jemand von HTML keine Ahnung hat und vom Erstellen von Websites uch nicht. Und ntürlich wirkt sich dann die schlechte Entwicklung uch auf das
Kufverhlten der Besucher aus!

Die wenigsten Nutzer im Internet können mit Semantik etwas anfangen.

Und dennoch verwenden sie sie mit jedem Wort, das sie lesen oder vorgelesen bekommen.
Sie interpretieren fett gedrucktes als wichtig, großen Text, der vom Rest abgesetzt ist, als Überschrift usw.
Ds ist Semntik. Bei Blinden ist es ntürlich eine Spur krasser - sie verstehen dnn nur Bhnhof oder werden nicht richtig uf bestimmte Textpssgen hingewiesen.

Für die zählt in erster Linie Optik!

Das erzähl ml einem Blinden und einer Suchmschine.

Und das ist das Problem warum Webseiten viel zu oft von Grafikern und "Druckern" entworfen UND umgesetzt werden.

Ich weiß, dss ds ds Problem ist.

Inwiefern eine semantisch schlechte Seite eben auch schlecht gefunden wird (über die Suchmaschinen), steht noch auf einem ganz anderen Blatt.

Aber da die Suchmschinen sich nicht hinter die Kulissen schuen lassen, werden wir ds nie sicher wissen. ber da Suchmschinen Semntik nur aus dem HTML-Code nehmen können, ist es strk anzunehmen.

Aber du hast recht: Hier geht es nicht um ein Padding-Problem!

N aalso :-)

Verflucht! Mein A ist kaputt - man möge es mir nchsehen, dass ich das nicht nachträglich nochmal ändere ;-(

[Efchen]

Vlt. ist es ja gewünscht, die Hintergrundfarbe so zu halten, wie der Nutzer sie in seinem Browser eingestellt hat. Und wenn du auf quietsch-gelb stehst - was regst du dich auf?

Das glaubst Du aaber selber nicht.

[Falk Prüfer]

Das glaubst Du aaber selber nicht.

Nö, aber ich weiss es auch nicht mit absoluter Sicherheit und im Zweifel zu Gunsten des Angeklagten

[Christian Marquardt]

Sicherlich kann das im Rahmen der Barrierefreiheit gewollt sein. User mit Kontrastschwaeche stellen sich entsprechende Farben ein. Das kann man unterstuetzen

[Günther Weber]

Ich hab unsere Seite noch nie in quietschgelb gesehen und es hat sich auch noch kein Kunde über so etwas beschwert. Wer arbeitet, hat keine Zeit an den Einstellungen herumzuspielen.