nicht angemeldet
Div bis ganz unten!!
Hallo,
ich erstelle Garde ein Template, und dort geht der Hintergrund immer von OBEN nach UNTEN, also der content Hintergrund. Jedoch geht er immer nur auf Height:100%; also wie halt eingestellt, ich möchte jedoch wen mal scrollt das der content Hintergrund weiter nach unten geht. Wie mach ich das ?
-
ich erstelle Garde ein Template, und dort geht der Hintergrund immer von OBEN nach UNTEN, also der content Hintergrund. Jedoch geht er immer nur auf Height:100%; also wie halt eingestellt, ich möchte jedoch wen mal scrollt das der content Hintergrund weiter nach unten geht. Wie mach ich das ?
Das Element, das du mit height: 100% eingestellt hast, bezieht seine höhe auf das Parentelement.
Was du siehst, ist sehr wahrscheinlich die Folge von
overflow:visible
im betreffenden Element
Der backgrund geht also genau 100% hoch, nur dass der text aus dem Element hinausfliesst.
Das kannst du verifizieren, indem du dem Element einen border gibst.Du musst also acht geben, dass auch für die Parentelemente bereits deine gewünschte Höheneigenschaft zutrifft.
Falls das betreffende Element gefloatet ist, reagiert das Parentelement nicht auf den erweiterten Inhalt.
Bestätige mal die Umstände.
mfg Beat
-
Hallo,
ich habe diese mal ausprobiert:
</head> <body background="http://habtree.de/uploads/xmas/xmasbg.gif"> <div style="position:absolute; overflow:visible; min-height:100%; top:0px; left:49px; width:883px; background:url(images/v8/mid.png); bottom:0px;"> <div style="background:url(images/v8/top.png); height:248px; width:883px;"> <div style="position:absolute; height:17px; width:350px; left: 516px; top: 79px;"jedoch geht diese nicht, hier einmal die Website: http://habtree.de/newhabtree/?page=4, ich habe eine kleine auflösung (1024x742 oder s XD), naja da kommt halt der fehler das dies grüne nicht ganz nach unten geht, also mit dem Text...
-
ich habe diese mal ausprobiert:
</head>
<body background="http://habtree.de/uploads/xmas/xmasbg.gif">
<div style="position:absolute; overflow:visible; min-height:100%; top:0px; left:49px; width:883px; background:url(images/v8/mid.png); bottom:0px;">
<div style="background:url(images/v8/top.png); height:248px; width:883px;">
<div style="position:absolute; height:17px; width:350px; left: 516px; top: 79px;"> > jedoch geht diese nicht, hier einmal die Website: http://habtree.de/newhabtree/?page=4, ich habe eine kleine auflösung (1024x742 oder s XD), naja da kommt halt der fehler das dies grüne nicht ganz nach unten geht, also mit dem Text... Ich denke nicht, dass absolut positioniertes Layout der Weg zum Erfolg ist, es sei denn es handelt sich um kleine Dinge, die man \_\_\_relativ\_\_\_\_ zu anderen positionierten Dingen einblenden will, wie zum Beispiel in Navigationsmenus. Deine Seite ist zu klein. ich muss zoomen. Leider sehe ich die Seite dann nicht ganz. Du erstellst auf diese Weise ein Laufgitter, und musst nun jedem dimensionierten Element ein overflow:auto geben (MSIE lässt grüssen). Ich würde das von Grund auf neu planen. mfg Beat; -- Woran ich arbeite: [X-Torah](http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1) ><o(((°> ><o(((°> <°)))o>< ><o(((°>o-
ich gib erstmal allen das auto nächste mal mach ich bes besser, hast du bestimmt Tipps bin im div bereich ziemlich neu :(
-
ich gib erstmal allen das auto nächste mal mach ich bes besser, hast du bestimmt Tipps bin im div bereich ziemlich neu :(
Nimmst du den FF?
Schmeiss mal das Plugin http://users.skynet.be/mgueury/mozilla/ drauf.
Valider Code gibt besseres CSS...Jetzt musst du dich nur entscheiden,
ob dein Content länger als die Seite werden darf, oder ob du den Textbereich mit overflos:auto mit Scrollbars ausstattest.Die anderen bereiche musst du einfach noch in prozentualen Werten angeben und auf asbolute positionierung verzichten.
mfg Beat
-
er soll immer bis "unten" gehn aso sprich wen der text länger als die seite ist geht er ja runter, so soll das grüne auch runter ^^
-
er soll immer bis "unten" gehn aso sprich wen der text länger als die seite ist geht er ja runter, so soll das grüne auch runter ^^, also das es immer automatisch länger wird...
-
er soll immer bis "unten" gehn aso sprich wen der text länger als die seite ist geht er ja runter, so soll das grüne auch runter ^^, also das es immer automatisch länger wird...
Dann entferne alles, was die Box daran hindert, sich nach unten auszudehnen.
Das sind Angaben wie height:nnpxmfg Beat;
-
Das sind Angaben wie height:nnpx
nn = n×n ist etwas zu viel des guten ;) n pixel würden reichen
-
-
-
-
-
-
-
-