nicht angemeldet
Seitengestaltung mit css
Hallo,
ich habe ein Problem meine Seite mit css richtig zu gestalten.
Im FF sieht sie aus wie es soll, aber im IE nicht.
Damit man die Bereiche besser sieht hab ich ein Rahmen um jeden gemacht.
Hier der Link:
[link=http://www.mariannehopf.de/sites/laud/laudneu.php]
Die Style-Klassen sind folgende:
// für die Titelzeile
.head{
border: 1px solid #C8B9A3;
width: 686px;
text-align: left;
margin-left : 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 14px;
padding-top: 14px
}
// für den textuellen Inhalt
.content{
border: 1px solid #C8B9A3;
width: 449px;
height: 378px;
font-size: 12px;
overflow: auto;
padding-left: 250px;
margin-top: 0px;
text-align: left;
float: left;
}
// für die Fußleiste
.bottom{
border: 1px solid #C8B9A3;
width: 702px;
height: 45px;
font-size: 12px;
margin-top: 15px;
text-align: right;
vertical-align: middle;
float: left;
}
// das ist der Rahmen drumherum
.breite1 {
border: 1px solid #C8B9A3;
width : 702px;
height : 476px;
text-align: center;
}
Bin in CSS noch Anfänger, daher nicht gleich hauen.
Gruß Andreas
-
Hi,
Im FF sieht sie aus wie es soll
läßt sich aber nicht vernünftig bedienen. Verzichte auf seiteninterne Scrollbalken.
aber im IE nicht.
Wenn es auch im Opera so ist, dann liegt es am quirks-mode. Verwende eine Dokumenttyp-Deklaration für den standardkonformen Modus.
Und bei der Gelegenheit verabschiede Dich auch von <center>.// für die Titelzeile
das steht aber hoffentlich nicht so im CSS?!
freundliche Grüße
Ingo-
hi,
// für die Titelzeile
das steht aber hoffentlich nicht so im CSS?!nein - aber es enthält trotzdem noch einige fehler, die ausgebessert werden sollten.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
hallo Ingo,
Wenn es auch im Opera so ist
Das ist es.
, dann liegt es am quirks-mode.
Da bin ich mir nicht sicher. Vergleiche mal die "alte" Fassung: http://www.mariannehopf.de/sites/laud/laud.php. Es geht bei der Neufassung offenbar darum, die Tabellen loszuwerden, was ja verständlich ist.
// für die Titelzeile
das steht aber hoffentlich nicht so im CSS?Nein.
Grüße aus Berlin
Christoph S.
--
mailto:christoph.schnauss@berlin.de
http://www.christoph-schnauss.de
ss:| zu:) ls:& fo:) va:) sh:| rl:|
-
Hallo,
Da bin ich mir nicht sicher. Vergleiche mal die "alte" Fassung: http://www.mariannehopf.de/sites/laud/laud.php. Es geht bei der Neufassung offenbar darum, die Tabellen loszuwerden, was ja verständlich ist.
ja in der Tat, darum geht es. Ich habe von meinem Vorgänger die Tabellen geerbt. Aber ich war bislang auch ein Tabellen-Fan, was ich jetzt aber nicht mehr sein möchte. ;)
Andreas
-
-
Hallo,
// für die Titelzeile
das steht aber hoffentlich nicht so im CSS?!nein, hab ich für euch zur Orientierung gemacht.
Was ist ein quirks-mode? noch nie gehört.
Danke für die Links, werde diese mal durchforsten.Andreas
-
Hallo,
hat jetzt soweit geklappt mit dem standardkonformen Modus, danke.läßt sich aber nicht vernünftig bedienen. Verzichte auf seiteninterne Scrollbalken.
Wieso lässt sich das nicht vernünftig bedienen? Verstehe ich jetzt nicht.
Mittlerweile hat doch wohl jeder am Rechner eine Maus.
Wenn ich den Scrollbalken nicht habe, bzw. die Höhe der content-Klasse nicht vorgebe, wird das Dokument nach unten verlängert, und man muss auch so noch nach unten scrollen. Außerdem ist dann der Link auf die Hauptseite ganz unten was ich als sehr störend empfinde.Gruß und Danke,
Andreas-
Hi,
Wieso lässt sich das nicht vernünftig bedienen? Verstehe ich jetzt nicht.
Mittlerweile hat doch wohl jeder am Rechner eine Maus.Dann versuche mal im Mozilla/Firefox das Scrollrad zu verwenden.
Wenn ich den Scrollbalken nicht habe, bzw. die Höhe der content-Klasse nicht vorgebe, wird das Dokument nach unten verlängert, und man muss auch so noch nach unten scrollen.
Ja und? Das ist auf Millionen Seiten so und keiner beschwert sich drüber - im Gegenteil: so etwas ist jeder grwöhnt, was bei seiteninternen Scrollbalken nicht unbedingt der Fall ist. Darüber hinaus sehen Scrollbalken je nach Farbe nicht besonders schön innrhalb einer Seite aus.
freundliche Grüße
Ingo-
Hallo,
Dann versuche mal im Mozilla/Firefox das Scrollrad zu verwenden.
OK, geht nicht.
Darüber hinaus sehen Scrollbalken je nach Farbe nicht besonders schön innrhalb einer Seite aus.
ja leider. Einfärben ist nicht css-konform und geht wohl auch wieder nur im IE. Dabei würde es so schön aussehen in einem zart-pastell braun. :)Gruß und danke für die Anregungen,
Andreas
-
-
-
-
Hallo,
Im FF sieht sie aus wie es soll, aber im IE nicht.
text-align: center;
}das mag z.B. unterschiedlich interpretiert werden,
dann kann die Vererbung anders ausfallen, und dazu
scheint im Quelltext auch noch ein <center> Tag
verblieben zu sein.Kleine Abweichungen gibt es noch bei den defaults für
margin oder auch line-height, also ggf. einfach mal
passend angeben und überprüfen.Grüsse
Cyx23
-
Hallo,
brauche nochmals eure Hilfe, wie bekomme ich das < center > weg?
habe im Style bei Body text-align: center geschrieben, funktioniert aber nur beim IE.
Also wie sonst?Andreas
-
hi,
brauche nochmals eure Hilfe, wie bekomme ich das < center > weg?
habe im Style bei Body text-align: center geschrieben, funktioniert aber nur beim IE.
Also wie sonst?block element werden zentriert, in dem man die seitlichem margins auf auto setzt.
(wurde hier auch schon zigmal erwähnt.)
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Hi,
das neue Kapitel http://de.selfhtml.org/css/layouts/ sollte Dir diese und bestimmt noch weitere Fragen beantworten können.
freundliche Grüße
Ingo-
Hallo,
danke für den Link, habe dieses Problem gelöst.Gruß Andreas
-
-