nicht angemeldet
Probleme mit CSS
Hi,
ich habe eben versucht eine Seite nicht mit Tabellen sondern mit dem CSS Tag "<div>" zu schreiben.
Dabei sind bei mir einige Fehler aufgetreten.
Die Seite um die es sich bei den Fehler handelt ist: http://sacool.gfx-host.de/TWC/v_2.0/twc.php
1. im IE wird der Header völlig falsch angezeigt. In Opera und Firefox ist (fast) alles in Ordnung. Wie muss ich den Quelltext umschreiben, sodass der Header auch im IE richtig angezeigt wird??
2. Wie schon oben gesagt wird der Header in Opera und Firefox nur fast richtig angezeigt. Die Grafiken sind zwar richtig angeordnet, aber zwischen den einzelnen "Zeilen" sind Lücken obwohl margin auf 0 gestellt ist.
3. Ich bin die Anweisung von SelfHTML gefolgt (http://de.selfhtml.org/css/layouts/mehrspaltige.htm#hintergrund) und habe als Hintergrund des "Haupt-div-Tags" die Hintergrundgrafik der Navigationsbox auf der linken Seite gewählt. Nun weiß ich aber nicht wie ich das ganze auf der rechten Seite machen kann.
4. Wenn man ganz unten auf der Seite unter dem Footer auf der linken Seite guckt, sieht man noch die Hintergrundgrafik, die zu der linken Naviga6tionsbox gehört. Dieser Streifen sollte aber da eigentlich nicht erscheinen. Wieso ist der da und wie kann ich den wider wegbekommen???
Ich hoffe meine Fragen/ Probleme waren verständlich und sind schnell zu lösen ;)
Mfg sacool
-
Guten Tag sacool,
in xhtml1-strict programmieren zu wollen mag ja ehrenhaft sein - aber auch anspruchsvoll.
Ich empfehle Ihnen, erst einmal die html-zu-xhtml-Konversionsfehler zu eliminieren: beispielsweise- die Auszeichnungen zu schließen: ein <meta> braucht ein </meta>, ein <img> ein </img>...
- eine css-Anweisung wird immer mit einem Strichpunkt abgechlossen (fehlt z. B. überall in den Zeilen 18-22)
- ...
Welche Einheit hat die "margin" in der style1.css-Datei in Zeile 26?
Tolerante Browser zeigen zwar auch fehlerhafte Codes an, aber nicht unbedingt im Sinne des Verfassers.
Nach all den Korrekturen löst sich das Problem vielleicht von selber!?
Mit Gruß
Dada-
Hallo Dada,
in xhtml1-strict programmieren zu wollen mag ja ehrenhaft sein - aber auch anspruchsvoll.
Vor allem, da man die Programmiersprache XHTML 1 Strict erst erfinden müsste.
- die Auszeichnungen zu schließen: ein <meta> braucht ein </meta>, ein <img> ein </img>...
Es ist bei leeren Elementen viel übersichtlicher und einfacher /> zu schreiben.
Tolerante Browser zeigen zwar auch fehlerhafte Codes an, aber nicht unbedingt im Sinne des Verfassers.
Browser [tm] ignorieren fehlerhaften CSS-Code.
Gruß
Alexander Brock--
SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:? ss:| de:> js:( ch:| sh:( mo:} zu:}
http://againsttcpa.com-
Tag Alexander Brock,
Vor allem, da man die Programmiersprache XHTML 1 Strict erst erfinden müsste.
in meinen Dateien steht natürlich xhtml1-strict. Ob der anderen Fehler bei sacool habe ich da nicht so genau hingeguckt.
Es ist bei leeren Elementen viel übersichtlicher und einfacher /> zu schreiben.
Geschmackssache - ich bevorzuge </...>.
Browser [tm] ignorieren fehlerhaften CSS-Code.
Jein? Bei sacools Seiten hatte ich mit firefox 1.0 das Problem, dass die Grafiken bei direkter Betrachtung aus dem Internet angezeigt wurden, bei der Betrachtung der lokal gespeicherten Seiten erst, wenn ich die gröberen Fehler (</...>, ";" in den CSS-Anweisungen) in den ersten handvoll Zeilen ausgebessert hatte. Verstanden habe ich dieses Phänomen noch nicht.
Mit Gruß
Dada-
Hallo Dada,
Vor allem, da man die Programmiersprache XHTML 1 Strict erst erfinden müsste.
in meinen Dateien steht natürlich xhtml1-strict. Ob der anderen Fehler bei sacool habe ich da nicht so genau hingeguckt.Es geht mit darum, dass weder SGML noch irgendwelche Ableger von SGML
Programmiersprachen sind.Gruß
Alexander Brock--
SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:? ss:| de:> js:( ch:| sh:( mo:} zu:}
http://againsttcpa.com
-
-
Hallo,
erstmal validieren, dann nochmal fragen.
< http://validator.w3.org/check?uri=http%3A%2F%2Fsacool.gfx-host.de%2FTWC%2Fv_2.0%2Ftwc.php>
Übrigens in dem Zusammenhang: Ein Dokument ist nicht automatisch XHTML, nur weil du <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> angibst. Da is ungefähr so, als pappte ich nen Mercedesstern auf nen Polo. Das allein reicht nicht aus, dass aus dem Polo ein Mercedes wird, da müsste man noch weit mehr am Polo rumbasteln, biss es n Benz is. In deinem Fall müsstest du an etwa 107 Stellen basteln.Gruß,
Miky -
Hi,
dem CSS Tag "<div>"
DIV ist ein HTML-Tag und hat rein gar nichts mit CSS zu tun - außer daß man ihm, wie anderen HTML-Elementen auch, CSS-Eigenschaften zuweisen kann.
- im IE wird der Header völlig falsch angezeigt. In Opera und Firefox ist (fast) alles in Ordnung. Wie muss ich den Quelltext umschreiben, sodass der Header auch im IE richtig angezeigt wird??
Das einfachste wird sein, die Anzahl der Grafiken und Elemente drastisch auf das notwendige Maß zu reduzieren.
siehe 1.
- Ich bin die Anweisung von SelfHTML gefolgt (http://de.selfhtml.org/css/layouts/mehrspaltige.htm#hintergrund) und habe als Hintergrund des "Haupt-div-Tags" die Hintergrundgrafik der Navigationsbox auf der linken Seite gewählt. Nun weiß ich aber nicht wie ich das ganze auf der rechten Seite machen kann.
wenn Du das Pronzip verstanden hättest, wüßtest Du es. Du kannst die Grafik einfach um einen Leerraum und die rechten Ränder erweitern.
- Wenn man ganz unten auf der Seite unter dem Footer auf der linken Seite guckt, sieht man noch die Hintergrundgrafik, die zu der linken Naviga6tionsbox gehört. Dieser Streifen sollte aber da eigentlich nicht erscheinen. Wieso ist der da und wie kann ich den wider wegbekommen???
Wieso erwartest Du etwas anderes, wenn Du den Footer doch innerhalb des DIVS setzt, welchem Du die Hintergrundgrafik zuweist?
freundliche Grüße
Ingo