Rand um ein <div>-Element
Siechfred
- css
Guten Abend,
ich versuche gerade, in meiner Heimseite die Tabellen durch div's zu ersetzen. Nun würde ich gerne einen Rand um das linke div haben wollen. Das ganze soll so aussehen:
+------------+
|+----------+|
||linkes div||
|+----------+|
+------------+
Klappt auch, wenn der Inhalt genau ins Anzeigefenster passt. Wenn nicht, reicht der Platz nicht aus und das div wird nach unten gedehnt. Dann habe ich allerdings unten keinen Abstand zwischen div und unterem Rand des Browserfensters mehr. Das ganze sieht dann so aus http://www.siechfreds-welt.de/index2.shtml. Wie bekomme ich den Rand unten hin?
mfg Torsten
PS: CSS-Datei: http://www.siechfreds-welt.de/format2.css, Klasse leftbox.
Hi,
Klappt auch, wenn der Inhalt genau ins Anzeigefenster passt. Wenn nicht, reicht der Platz nicht aus und das div wird nach unten gedehnt. Dann habe ich allerdings unten keinen Abstand zwischen div und unterem Rand des Browserfensters mehr. Das ganze sieht dann so aus http://www.siechfreds-welt.de/index2.shtml. Wie bekomme ich den Rand unten hin?
PS: CSS-Datei: http://www.siechfreds-welt.de/format2.css, Klasse leftbox.
Schon mit margin in der .leftbox probiert?
cu,
Andreas
N'abend,
Schon mit margin in der .leftbox probiert?
Ja, hilft aber nix, weder im body-Abschnitt noch bei leftbox.
mfg Torsten
hi,
Schon mit margin in der .leftbox probiert?
Ja, hilft aber nix, weder im body-Abschnitt noch bei leftbox.
und padding für den äusseren container?
gruss,
wahsaga
Hi,
[link:http://www.siechfreds-welt.de/index2.shtml
Die Navigation ist übrigens völlig verrutscht, in die Mitte! Im IE 6, Win XP.
Mozilla klappts, da ist sie rechts.
Und IE kennt position:fixed nicht.
Christian
Hallo,
Und IE kennt position:fixed nicht.
Deswegen muss man auch einen Hack anwenden, damit der IE zumindest alles als position:absolute darstellen kann:
zB
#idzuweisung {position:absolute; top:..... }
/* Die folgende Angabe wird von position:fixed unfähigen Browsern ignoriert */
#idzuweisung[id] {position:fixed}
Ich weis zwar nicht warum das funktioniert, aber es tut es. Im IE scrollt das Menu eben mit, anstatt das es fix positioniert ist.
$xNeTworKx.
Hi,
/* Die folgende Angabe wird von position:fixed unfähigen Browsern ignoriert */
Nein. Die folgende Angabe wird von den Browsern ignoriert, die diese Form des Attributselektors ([attributname]) nicht verstehen.
#idzuweisung[id] {position:fixed}
Ich weis zwar nicht warum das funktioniert, aber es tut es. Im IE scrollt das Menu eben mit, anstatt das es fix positioniert ist.
Weil der IE diese Form des Attributselektors nicht versteht.
Für Browser, die sie verstehen, ist sie spezifischer und überlagert damit die erste Anweisung.
cu,
Andreas
Hi,
/* Die folgende Angabe wird von position:fixed unfähigen Browsern ignoriert */
Nein. Die folgende Angabe wird von den Browsern ignoriert, die diese Form des Attributselektors ([attributname]) nicht verstehen.
#idzuweisung[id] {position:fixed}
Ich weis zwar nicht warum das funktioniert, aber es tut es. Im IE scrollt das Menu eben mit, anstatt das es fix positioniert ist.
Weil der IE diese Form des Attributselektors nicht versteht.
Für Browser, die sie verstehen, ist sie spezifischer und überlagert damit die erste Anweisung.cu,
Andreas
»»
Hi,
alles sehr richtig! Aber d.h. ja das der IE position:absolute zuweisen würde, da er IMHO Attributselektoren nicht kennt.
absolute hieße aber, das er nicht fix wäre! Und dennoch sollte es fix sein, laut $xNeTworKx???
Kann ich mir nicht vorstellen.
Gruß
Christian
Hi,
absolute hieße aber, das er nicht fix wäre! Und dennoch sollte es fix sein, laut $xNeTworKx???
Sorry, ich habe den Beitrag von $xNeTworKx missverstanden!
Christian
N'abend,
Die Navigation ist übrigens völlig verrutscht, in die Mitte! Im IE 6, Win XP.
Habe ich gerade korrigiert, sie steht im IE 6 links und bleibt bei Opera und Mozilla stehen. Aber einen Rand unten habe ich immer noch nicht :(
mfg Torsten
Guten Abend,
Ich hab's aufgegeben und jetzt so gemacht: http://www.siechfreds-welt.de/index2.shtml. Falls doch noch jemand eine Idee hat ...
mfg Torsten
Hi,
Falls doch noch jemand eine Idee hat ...
Du hast zwear nicht wirklich danach gefragt, aber trotzdem:
Du verwendest in Deinen Stylesheets relativ viele "font-size:1.0em" Angaben. Diese sind (z.B. beim <body>) nicht nur unnötig, nein sie bringen sogar Probleme mit sich:
Der IE (in diesem Fall Version 5.0) hat die Eigenart, Schriftgrössenangaben auch bei 100%/1em zu potentieren, will heissen: Verändere ich beim IE die Schriftgrösse, verändert er sie nicht nur einmal, sondern für jede "1em"-Angabe einmal. Hier ein paar Screenshots (leider als *.bmp, ich hab grad garkein Graphik-Programm greifbar weil Fremdcomputer):
Schriftgrad "sehr gross" (329kb):
http://www.your-boredom.de/trash/siechfried/sehrgross.bmp
Schriftgrad "grösser" (325kb):
http://www.your-boredom.de/trash/siechfried/groesser.bmp
Schriftgrad "mittel" (212kb):
http://www.your-boredom.de/trash/siechfried/mittel.bmp
Schriftgrad "kleiner" (302kb):
http://www.your-boredom.de/trash/siechfried/kleiner.bmp
Schriftgrad "sehr klein" (196kb):
http://www.your-boredom.de/trash/siechfried/sehrklein.bmp
Da man ausser "mittel" (also die Standard-einstellung) nix vernünftig lesen kann, schlage ich Dir eine andere Lösung vor. so viele "1em" wie Möglich weglassen, oder vielleicht doch die bösen[tm] px-Angaben?
Wie auch immer,
schö
stefan
Guten Tag,
Da man ausser "mittel" (also die Standard-einstellung) nix vernünftig lesen kann, schlage ich Dir eine andere Lösung vor. so viele "1em" wie Möglich weglassen, oder vielleicht doch die bösen[tm] px-Angaben?
Danke dir für die Mühe, aber ich dachte immer, dass "pt" böse sei. Anyway, ich werde es heute nacht zu Hause probieren.
mfg Torsten
Hallo,
Danke dir für die Mühe, aber ich dachte immer, dass "pt" böse sei.
"pt" ist nur für die Druckerausgabe geeignet. Bei der Bildschirmausgabe kann es starke Grössenabweichungen geben.
"px" ist böse[tm], weil es eine Pixelgenaue Angabe ist und nicht skaliert werden kann. Naja, Mozilla und Opera skalieren es (zum Glück) trotzdem, aber ein Browser der dies nicht tut (wie der IE) handelt in diesem Fall nicht falsch.
Meistens emfiehlt es IMHO sich jedoch bei Fliesstexten, ohne jede Grössenangabe zu arbeiten.
schö
stefan