Page 1 of 1
layout stimmt in IE aber in Mozilla nicht
Posted: Thu Oct 19, 2006 2:08 pm
by 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
Re: layout stimmt in IE aber in Mozilla nicht
Posted: Thu Oct 19, 2006 7:39 pm
by 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)
...
Re: layout stimmt in IE aber in Mozilla nicht
Posted: Fri Oct 20, 2006 6:45 am
by 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?
Re: layout stimmt in IE aber in Mozilla nicht
Posted: Fri Oct 20, 2006 7:12 am
by 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?
Re: layout stimmt in IE aber in Mozilla nicht
Posted: Fri Oct 20, 2006 7:25 am
by 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
Re: layout stimmt in IE aber in Mozilla nicht
Posted: Fri Oct 20, 2006 7:50 am
by 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
Re: layout stimmt in IE aber in Mozilla nicht
Posted: Fri Oct 20, 2006 11:02 am
by Darien
Seltsam.
Wenn ich die width: 75% rausnehme zeigt er mir die Seite wie gewünscht an ! Siehe Screenshot.
[gelöscht durch Administrator]
Re: layout stimmt in IE aber in Mozilla nicht
Posted: Fri Oct 20, 2006 11:38 am
by cyberman
hubo wrote:
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
Re: layout stimmt in IE aber in Mozilla nicht
Posted: Fri Oct 20, 2006 11:58 am
by 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!
!