layout stimmt in IE aber in Mozilla nicht Topic is solved

[hubo]

Hi,
habe eine Seite gestaltet (http://www.donaumedia.de/zv-naab-donau-regen.de/) die funktioniert im MS Internet Explorer, aber im Mozilla (ich habe firefox 1.5, scheint aber grundsätzlich dort so zu sein) ist das Layout oben abgeschnitten, und links ausgerichtet (sollte zentriert sein). Was stimmt da nicht?

Gruß
Hubert

[cyberman]

Wenn das Background-Bild von div#header h1 212px hoch ist, musst du auch noch die Höhe von div#header anpassen (ist bei dir 150px) ...

[hubo]

Vielen Dank! Header ist wieder wieder schön wie er sein soll ...
Wie bekomme ich aber das Layout wieder zentriert hin wie in MS Explorer?

[hubo]

Habe einen Tag gesetzt, jetzt ist auch das Layout in Mozilla wieder zentriert ... allerdings hat noch der Inhalts-Text zuviel Abstand zu links - wo ist da der Wurm drin? 

[Darien]

Entferne mal bitte die width-Angabe im folgenden css-Teil:

Code: Select all

div#main {
float: right;
width: 75%;
padding: 0 2%;
display: inline;}

Der Firefox kann das dann wie gewünscht darstellen. Was der IE damit macht kann ich net sagen. Feedback!!

Gruß darien

[hubo]

width-Angabe löschen lässt Mozilla kalt, bleibt alles so wie es ist ... der betreffende CSS-TEil schaut bei mir so aus:

/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        position: relative;
        width: 100%;
        margin: 1.5em auto 2em auto;
        padding: 0;
        text-align: left;
    }
    div#main {
        float: right;
        width: 75%;
        margin-right: 2%;
        display: inline;
    }
    div#menu_vert {
        float: left;
        width: 25%;
        display: inline;
        margin-left: 0;
    }
    div#content2 {
        display: none;
    }
    div#menu_horiz {
        display: none;
    }
/* END CONTENT */

Danke für die Denke!
Hubert

[Darien]

Seltsam.
Wenn ich die width: 75% rausnehme zeigt er mir die Seite wie gewünscht an ! Siehe Screenshot.




[gelöscht durch Administrator]

[cyberman]

    div#menu_vert {
        float: left;
        width: 25%;
        display: inline;
        margin-left: 0;
    }

Und dazu dein Source:

   

     
       
     

     

Fällt Dir dabei irgend etwas auf  ?

Noch ein kleiner Hinweis am Rande - hast du schon mal etwas von der BITV gehört? Nein?! Solltest du aber.

Diese Verordnung verpflichtet "Träger der öffentlichen Gewalt" (Behörden der Bundes- und Landesverwaltungen sowie Körperschaften, Anstalten und Stiftungen öffentlichen Rechts), ihre Internet-Angebote barrierefrei zu gestalten. Stichtag für die Umgestaltung von Internetauftritten war der 31.12.2005. Aufgrund der Mitglieder dürfte der Zweckverband de facto einem Träger der öffentlichen Gewalt entsprechen.

Dadurch, dass du das CMSms-CSS-Layout mit Tabellen "verseucht" hast, hast du auch die Barrierefreiheit verspielt und mancher Screenreader düfte sich daran verschlucken. Hier etwas zum Thema:

http://www.webforall.info/html/deutsch/empfehlungen.php

Und hier noch der Link zu einem Validator

http://webxact.watchfire.com/

Außerdem lässt sich der Source damit auch nicht unbedingt leichter lesen  ... und das deine Seite nicht xhtml-valid ist, brauche ich dir sicherlich auch nicht zu sagen  .

http://validator.w3.org/check?uri=http% ... egen.de%2F

[hubo]

Danke - bin noch relativ unerfahren mit CMS, und habe mich kurzfristig im stylesheet-jungle verirrt (funzt jetzt )   - und bin auch noch nicht sonderlich safe mit Regelungen zur Barrierefreiheit - daher danke auch für die Hinweise, werde sie beherzigen!  !