kostenloser Webspace werbefrei: lima-city

Schönheits- Makel

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   kill-a-teddy

   

   kill-a-teddy hat kostenlosen Webspace.

   12:51, 30.10.2012

   Ich hab mir ein Hintergrundbild im Body gemacht. Nun hab ich allerdings sehr viel Text und wenn man weiter runter scrollt hört das Bild auf, weil es gar net so groß ist. Demnach wollte ich meinen Inhalt in eine Div packen und NUR diesen dann Scrollbar machen.
   
   Nun hab ich eine div in der anderen, div 1 hat class="gb" div 2 hat class="box".
   
   

   .box{
   	background: url(../images/spacer.png) repeat;
   	border: 8px solid #b9c3d4;
   	border-radius: 18px;
   	padding: 10px;
   	width: 75%;
   	display: block;
   	position: relative;
   	left:10%;
   	color:#fff;
   	font-size: 18px;
   	font-family: Georgia;
   	letter-spacing: 2px;
   }
   
   .gb{
   	display: block;
   	overflow:auto;
   	width:100%;
   }

   
   
   Da die .box div's die mit einer for schleife generiert werden auch alle mit einem Scrollbalken versehen, muss ich die auf position:relativ lassen, weil die sich sonst überlappen... Aber auf die Art und Weise hab ich nicht nur für div1, sondern auch für jede generierte div2 einen Scrollbalken, weil .gb eben übergeordnet ist.. Wie kann ich verhindern, dass .box auch einen Scrollbalken verpasst bekommt?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. tchab

   tchab hat kostenlosen Webspace.

   12:53, 30.10.2012

   Wäre es nicht einfacher, das Hintergrundbild nicht scrollend zu machen? Google hilft dir dabei sicher. ;)
4. Autor dieses Themas

   kill-a-teddy

   

   kill-a-teddy hat kostenlosen Webspace.

   13:24, 30.10.2012

   tchab schrieb:
   Wäre es nicht einfacher, das Hintergrundbild nicht scrollend zu machen? Google hilft dir dabei sicher. ;)

   
   
   Jein.. Wenn der Text dann länger ist, als das Bild dann hab ich unten ja wieder weiß.. Aber du hast mich auf die richtige Lösung gebracht.. Background-attachment: fixed;

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?