hintergrund ohne hintergrund
sear
- css
0 Cheatah
hallo zusammen
die seite: http://www.telltec.ch/temp/stemmleag/
das css-file: http://www.telltec.ch/temp/stemmleag/css/default.css
also, ich habe ein container-div in dem sich die anderen befinden. dies sollte sich über 100% höhe erstrecken und weiss sein (background-color), mein CSS dafür:
#container{
margin: 0px auto;
padding: 0px 11px;
position: relative;
width: 700px;
height: 100%;
text-align: left;
background-color: #fff;
}
nun es ist aber leider nicht weiss, oder einfach gar nicht sichtbar. keine ahnung wieso.....
kann mir jemand helfen?
danke!
sear
Hi,
nun es ist aber leider nicht weiss, oder einfach gar nicht sichtbar. keine ahnung wieso.....
vermutlich, weil 100% der Höhe des umliegenden Elements hinreichend klein ist.
Cheatah
vermutlich, weil 100% der Höhe des umliegenden Elements hinreichend klein ist.
hä? tschuldigung nichts kapiert!
(bin schweizer ;) )
vermutlich, weil 100% der Höhe des umliegenden Elements hinreichend klein ist.
wenn du das übergeordnete element meinst, muss ich enttäuschen. der body ist 100% hoch.
Tach,
wenn du das übergeordnete element meinst, muss ich enttäuschen. der body ist 100% hoch.
das ist das Vaterelement, was ist mit dem Großvaterelement?
mfg
Woodfighter
das ist das Vaterelement, was ist mit dem Großvaterelement?
was ist denn noch höher als der body?
wusste ich nicht, dass es sowas gibt -- klär mich auf ;)
das ist das Vaterelement, was ist mit dem Großvaterelement?
was ist denn noch höher als der body?
wusste ich nicht, dass es sowas gibt -- klär mich auf ;)
na welches Element liegt denn eine Ebene über body (nein ich meine nicht head, das ist die selbe Ebene)?
mfg
Woodfighter
html tatsächlich. lass dich küssen :)
Tach,
html tatsächlich. lass dich küssen :)
lass dich warnen: Bart und Bierfahne ;-)
mfg
Woodfighter
hallö,
ne kleine nachfrage: (da ich soeben fast das gleiche fragen wollte)
ich hab das problem, dass Mozilla(sic!) und Opera einen div nicht 100% hoch anzeigen, trotz der angaben für html und body und den übergeordeneten div. mein css ist das, was man landläufig als sehr verschachtelt bezeichnet, deswegen kein beispiel ;-)
kann es sein, dass es da probleme mit position:fixed gibt? der M$IE zeigts ordentlich an...
danke für unterstützung!
grüße aus Leipzig
willie
Hallo,
ich hab das problem, dass Mozilla(sic!) und Opera einen div nicht 100% hoch anzeigen, trotz der angaben für html und body und den übergeordeneten div. mein css ist das, was man landläufig als sehr verschachtelt bezeichnet, deswegen kein beispiel ;-)
"Gegenfrage":
Aua... was tut mir weh? ;)
Grundsätzlich gibt es keinen Grund, dass Mozilla (was heisst sic?) und Opera dies nicht richtig anzeigen sollen. Weil du uns dein Beispiel nicht zeigen willst, empfehle ich dir zur Fehlerdiagnose, Schritt für Schritt Teile deiner CSS-Angaben, sowie deiner HTML Datei, auszukommatieren (lustiges Wort).
mfg NAG
hmm ;)
auszukommatieren
das kommt doch von Kommentar
also hätte es "auszukommentieren" heissen sollen
NAG
hallö ins forum,
auszukommatieren
das kommt doch von Kommentar
also hätte es "auszukommentieren" heissen sollen
nee. ich vermute mal von "Semikolon", damit kann man ja hin und wieder mal auskomment(ar)ieren ;-)
im ernst: ich kann hier niemandem 240 zeilen css plus html (plus direktformatiertem css) anbieten... http://forum.de.selfhtml.org/faq/#Q-07b ich arbeite dran.
danke für unterstützung!
grüße aus Leipzig
willie
hallö ins forum,
"Gegenfrage":
Aua... was tut mir weh? ;)
?-|
(was heisst sic?)
"sic!": genau so, eben. hier: dass ich genau das meine, was ich schreibe.
Grundsätzlich gibt es keinen Grund, dass Mozilla und Opera dies nicht richtig anzeigen sollen.
ich bin selbstverständlich deiner meinung! damke für die belehrung ;-)
Weil du uns dein Beispiel nicht zeigen willst...
ich hab mir mal die mühe gemacht:
hier ist mein very abgespeckter code:
++++++
<html>
<head>
<style type="text/css">
<!--
html,body { height:100%; }
.outer { float:right; background:#CCC; color:#000; padding:1em; height:100%; }
.inner { background:#008; color:#fff; padding:1em; }
-->
</style>
</head>
<body>
<div class="outer">
<b>Das muss 100% hoch sein!</b>
<div class="inner">
Das soll so hoch/breit sein,<br>
<img src="image.tld" border="1" width="160" height="120" alt=""><br>
wie der Inhalt vorschreibt.</div>
<b>…immernoch 100%</b><br>
<small>(eigentlich transparent)</small>
</div>
<h1>So ein verdampfter Mist!</h1>
</body>
</html>
++++++
...zum betrachten: http://stromhalm.de/self/float_height.html
der haken der sache ist anscheinend die float-angabe. natürlich ließe sich height für .inner angeben:
1. das soll aber nicht sein (hintergrund nur hinter der box)
2. das kann nun wieder unser aller geliebter M$IE nich leiden
abgesehen von allem machen Opera und Mozilla (mir) unverständliche scrollabstände in die seite. (auch mit margin:0 für alles)
wahrscheinlich (es ist morgens dreiviertel vier!) ist die lösung ein weiterer div innerhalb .inner - falls jemand eine bessere idee hat: danke!
was bleibt ist eine schmerzliche erfahrung mit Mozilla :,-(
danke für unterstützung!
grüße aus Leipzig
willie
Tach,
...zum betrachten: http://stromhalm.de/self/float_height.html
du gibst float an, jedoch kein Breite; das ist nicht zulässig: Siehe http://www.w3.org/TR/REC-CSS2/visuren.html#floats
<zitat>A floated box must have an explicit width</zitat>
mfg
Woodfighter
hallö ins forum,
du gibst float an, jedoch kein Breite; das ist nicht zulässig: Siehe http://www.w3.org/TR/REC-CSS2/visuren.html#floats
<zitat>A floated box must have an explicit width</zitat>
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
:-D es kann so einfach sein! danke!
ich hatte die breite anfangs angegeben. keine ahnung mehr, wieso das ungeprüft rausgeflogen ist... (vielleicht sollte ich weniger so früh am morgen arbeiten.) tschuldigung!
trotzdem noch eine frage: wo kommen die ränder oben und unten bzw. die deutlich größere hohe als 100% (man kann/muss scrollen) her?
habe alle margins auf 0, padding für html und body ebenfalls.
http://stromhalm.de/self/float_height2.html
danke für unterstützung!
grüße aus Leipzig
willie
Hi,
wo kommen die ränder oben und unten bzw. die deutlich größere hohe als 100% (man kann/muss scrollen) her?
um genau zu sein ist die "deutlich" größere Höhe 2em größer.
habe alle margins auf 0, padding für html und body ebenfalls.
Die Paddings den gefloateten Elements jedoch nicht.
Cheatah
hallö nochmal,
ich gehe heute früher schlafen... versprochen! ;-)
http://stromhalm.de/self/float_height2.html
großes DANKE für unterstützung!
grüße aus Leipzig
willie
Tach,
trotzdem noch eine frage: wo kommen die ränder oben und unten bzw. die deutlich größere hohe als 100% (man kann/muss scrollen) her?
habe alle margins auf 0, padding für html und body ebenfalls.
http://stromhalm.de/self/float_height2.html
Der obere Rand kommt daher, dass du ein h1 benutzt, das CSS aber h2 betrifft. Das p ist nicht geöffnet worden und dementsprechend wirken die CSS-Formatierungen nicht. Die Scrollbalken verschwinden, sobald du das padding von .outer verringerst; die Box ist im Moment 100% + 1em padding-top + 1 em padding-bottom >100%.
mfg
Woodfighter
hallö,
eieiei, so ne schlamperei ist mir ja lange nicht passiert :-(
großes DANKE für unterstützung!
grüße aus Leipzig
willie