daniel: boxen und NS/Opera ?

SELF-Forum

boxen und NS/Opera ?

daniel
– Informationen zu den Bewertungsregeln

hallo forumler,

ich dachte mir, ich versuche mich mal an einem netten design ohne layout-tabellen.
jetzt bin ich auch einigermaßen zufrieden damit, habe allerdings noch ein paar probleme.

vielleicht erst mal eine url: http://www.baseball-cheerleading.de/test/1.htm .
das stylesheet steht auf der seite in der mitte.

und nun meine probleme damit.. ;-)
unter IE ab 5.0 sieht alles gut aus.
unter opera 5.0, NS ab 6.2 und mozilla 0.98 sieht aber alles ein wenig verschoben aus, und die schriftformatierungen funzen nicht?
fällt euch irgendwas an dem stylesheet auf, womit zwar der IE "zurecht"-kommt aber die anderen browser nicht?
(bzw. wohl eher umgekehrt ;-)))

außerdem´;
wie kann ich die 3 boxen zusammen in der mitte zentrieren? im moment sind sie ja linksbündig und float: center bringt nichts - genauso wie
align: center bringt irgendwie nichts...?

die graue box im rechten bereich oben würde ich gern am unteren rand "kleben" haben.
ich dachte ich kann sie mit position:bottom ausrichten, aber das hat keine wirkung?

und wiso wird in den anderen browsern die HG-Farbe des body ignoriert?

wow, soviele fragen ;-) sorry, ich habe css bisher nur benutzt um meine schriften zu formatieren...
aber vielen, vielen dank für eure hilfe,
grüße daniel

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. boxen und NS/Opera ?

    Sönke Tesch
    – Informationen zu den Bewertungsregeln

    vielleicht erst mal eine url: http://www.baseball-cheerleading.de/test/1.htm.

    und nun meine probleme damit.. ;-)
    unter IE ab 5.0 sieht alles gut aus.
    unter opera 5.0, NS ab 6.2 und mozilla 0.98 sieht aber alles ein wenig verschoben aus, und die schriftformatierungen funzen nicht?

    Das Verschoben könnte an einem Fehler im IE<6 liegen, weil er die Breiten von Elementen falsch berechnet. Das ist aber nur eine Vermutung, ich habe nicht weiter in Deinen Code geschaut. Eventuell sind das auch nur ganz normale Differenzen in der Anzeige.

    fällt euch irgendwas an dem stylesheet auf, womit zwar der IE "zurecht"-kommt aber die anderen browser nicht?

    Also, als erstes solltest Du mal einen Blick in eine CSS-Doku werfen, ich empfehle Dir (sofern Du des Englischen mächtig bist) das Original unter http://www.w3.org/TR/REC-CSS2/.

    Weitere Fehler: http://jigsaw.w3.org/css-validator/validator?uri=http://www.baseball-cheerleading.de/test/1.htm.

    Dann zum HTML-Teil:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.baseball-cheerleading.de%2Ftest%2F1.htm&charset=(detect+automatically)&doctype=HTML+4.01+Transitional&outline=

    • Du hast vergessen, einen Dokumenttyp anzugeben.

    • Du hast ids mehrmals vergeben. ids sollten eindeutig sein.

    wie kann ich die 3 boxen zusammen in der mitte zentrieren? im moment sind sie ja linksbündig und float: center bringt nichts - genauso wie
    align: center bringt irgendwie nichts...?

    Blockelemente kann man mit margin:auto zentrieren (sofern der Browser es unterstützt).

    die graue box im rechten bereich oben würde ich gern am unteren rand "kleben" haben.

    Am unteren Fensterrand? Geht nicht, bzw. nur mit Javascript-Unterstützung. Du kannst Elemente höchtens an den unteren Dokumentenrand platzieren (etwas in der Richtung "position:absolute;bottom:0").

    ich dachte ich kann sie mit position:bottom ausrichten, aber das hat keine wirkung?

    Wie gesagt, lies erstmal die CSS-Doku bevor Du CSS benutzt.. (http://www.w3.org/TR/REC-CSS2/visuren.html#choose-position)

    und wiso wird in den anderen browsern die HG-Farbe des body ignoriert?

    Wahrscheinlich haben sie nach den Fehlernmassen irgendwann entnervt aufgegeben.. Der IE ist da ja eher sehr gutmütig ;)

    Gruß,
      soenk.e

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln