hallunke
Threadersteller
Dabei seit: 01.08.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 01.08.2010 22:42
Titel div-Höhe 100% wird bei scrollen nicht angezeigt |
|
|
Hallo Zusammen,
bin neu hier und hoffe auf Eure Hilfe.
Folgendes Problem:
meine Seite besteht aus zwei Boxen nebeneinander position:absolute
Box 1 (boxleft) width= 33%, height= 100% beinhaltet eine Grafik kein Hintergrundbild, welche sich je nach Bildschirmgröße dem div anpasst.
Box 2 (boxright)height= auto beinhaltet Texte.
Alles ist gut bis ich den Bildschirm so verkleinere das Box 2 gescrollt werden muß,
dann behält Box1 die Bildschirmgröße und es fehlt der zu scrollende Bereich (Bild endet einfach ab benutzen des Scrollbalken). Ich hoffe es ist nicht zu umständlich erklärt.
Habe schon versucht das Problem zu lösen indem ich alles in die Box cover verstaut habe. Aber ohne Erfolg.
Code: |
body {
font-family: Arial,Helvetica;
background: rgb(161,13,89);
font-size: 0.76em;
color:rgb(248,243,233);
margin: 0 0 0 0;
height:100%;
}
.cover {
width: 100%;
min-height: 100%;
Height: auto !important;
height: 100%;
overflow: auto !important;
margin: 0 0 0 0;
top: 0;
bottom:0;
z-index:1;
}
.boxleft {
position: absolute;
left: 0px;
width: 33%;
height: 100%;
margin: 0 0 0 0;
top: 0px;
bottom:0;
background-color:rgb(216,228,255);
z-index:2;
}
.boxright{
position: absolute;
right: 0px;
top: 0px;
width:67%;
z-index: 2;
}
|
Bitte helft mir
|
|