http://solcom.info/ - Zweiter Anlauf
Hi !
Nachdem ich einige Tage versucht habe eine Homepage für die verschiedenen Browser anzupassen, bin ich zur Erkenntnis gekommen das ich zu wenig über XHTML & CSS weis. Daher habe ich mich weiter informiert und meine Homepage etwas umgeschrieben. Vor allem sind bei mir viele <span> rausgeflogen, habe Abstandshalter wie und leere Graficen entfernt. dafür Überschriften und Listen eingesetzt und eine größere Tabelle etwas geändert. Nun hoffe ich Ihr könnt euch mal die 2 Seiten anschauen und mir bescheid geben was ich noch ändern könnte. Vielleicht sind ja noch 1 2 größere Fehler drinn :) http://solcom.info/index.html & http:///solcom.info/4user/yiya/bg2wf.html Hier die CSS-Datei für beide Seiten und eine 2.CSS-Datei für die Tabelle. ----------------------------------- folgende Fragen sind geblieben : 1 bei [*] fehlen im IE die Anführungspunkte ? -- gelöst : linken Abstand von <ul> vergrößert. 2 die Horizontale Line <hr> hat im IE einen extra Abstand, bekommt man den weg ? -- gelöst : CSS-Code eingefügt : * html hr { display: block; margin: -7px 0;} 3 Bei Bildern die als Link funktionieren haben ich <title> in <a> eingefügt, damit es auch beim "alternativen Text" verfügbar ist. Dummerweise zeigt der IE dann beim Bild den Inhalt von alt="" an :( -- gelöst : das ursprüngliche Problem ergab sich aus der FF Erweiterung Web Developer -ersetzen der Grafic durch alt- 4 Wenn ich einen Link mit Anker benutze (Impressum unten) wird der Anfang von der ersten Box verdeckt. Gibt es eine Möglichkeit das der Anfang unter die ersten Box gelegt wird ? -- gelöst : Anker weiter oben angesetzt 5 im Tabellenkopf benutze ich Bilder für Senkrechte Schrift, gibt es eine Alternative ? |
Listenpunkte: Diese liegen ausserhalb des Containers und werden deshalb vom IE nicht dargestellt, vom FF /Moz schon.
Gib der Liste ein margin-left von z.B. 10px oder 1em mit und du dürftest die Listenpunkte sehen. @ hr : Du hast ein leeres p Element vor hr. Firefox stellt das nicht dar, der IE nimmt die normale Zeilenhöhe. Rausnehmen und gut ist. Edit: Es könnte aber auch dieses Problem sein: http://web.radunz.net/cssperimente/hr-test-ie.html @ img a: Wtf ? @ankerlink: Verstehe ich auch nicht ganz. Merke aber: Das Sprungziel ist immer der Anker. Das Darunterliegende wird dargestellt. Wenn du also ein p mit Sprungziel hast, wird das p nur teilweise dargestellt. Besser ist es dann, das Sprungziel vor dem Element, hier p, zu platzieren. @ senkrechte Schrift: Derzeit noch nicht, vielleicht mit css3 grüsse andir |
ersteinmal vor weg, danke für deine Hilfe :)
1. li (Listenpunkte): statt den Abstand in [*] einzutragen habe ich den linken Abstand von <ul> geändert. 2. hr : den Abstandhalter </p> habe ich gleich mal durch CSS ersetzt. aber wie Du schon angenommen hast lag es am muß 7px Abstand haben IE eins verstehe ich aber nicht, wenn ich hr { display: block; margin: -7px 0;} angebe, benutzt <hr> die -7px in Opera & FF bei * html hr { display: block; margin: -7px 0;} benutzt <hr> sie dagegen nicht ? darum habe ich die Lösung erst gefunden als ich mir den Code angeschaut habe 3. a, img title="" Das ursprüngliche Problem ergab sich aus der FF Erweiterung Web Developer -ersetzen der Grafic durch alt-. Weshalb ich title="" vom <img> nach <a> verschoben habe, was aber nicht notwendig ist. Da bei fehlenden Grafiken der Tooltip durch img title="" doch kommt. 4. ankerlink die Lösung, den Anker weiter oben anzusetzen ist mir heute auch eingefallen :) 5. senkrechte Schrift eine schriftliche Lösung wäre mal nicht schlecht |
Alle Zeitangaben in WEZ +2. Es ist jetzt 10:52 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023