Tweet
Hallo Leute!
Ich habe ein Problemchen mit dem FF (ausnahmsweise
). Ich habe folgenden Boxaufbau inkl. Der Bildchen, die das besagte Problem bereiten:
Nun zu den Styles:
Der Aufbau mit den drei Boxen ist nötig, um den Content vertikal auszurichten. Ferner werden in der mittleren Box Hintergrundkreise angezeigt, die bei jedem Aufruf zufällig positioniert werden.
Ich möchte dass die Kreise die Seite nach unten hin nicht ausdehnen, sondern "abgeschnitten" werden, so wie es am oberen Rand passiert. Da ich den Scrollbalken ausblende, kann ich mit den Pfeiltasten nur im FF immer noch die Seite solange nach oben verschieben, bis die unterste Kante eines Kreises erreicht ist.
Da niemand versteht was ich meine: coolershop.de
Ich habe schon Sachen wie max-height im Body und anderen Boxen versucht und gegoogelt wurde auch. Aber hilft alles nichts.
Die Box "middle" lässt sich nicht auf zB 800Px Höhe beschränken. Daher hoffe ich mal auf Tipps. Danke.
Ich habe ein Problemchen mit dem FF (ausnahmsweise
). Ich habe folgenden Boxaufbau inkl. Der Bildchen, die das besagte Problem bereiten:PHP-Code:
<body>
<div id="outer">
<div id="middle">
<div id="kreisbox">
<img src="img/kreise/kreise4.png" style="top:8%;left:42%" class="back-images"/>
<img src="img/kreise/kreise3.png" style="top:80%;left:18%" class="back-images"/>
<img src="img/kreise/kreise9.png" style="top:71%;left:42%" class="back-images"/>
</div>
<div id="inner">
//Hier Content der Seite im Vordergrund
</div>
</div>
</div>
</body>
PHP-Code:
html,body {
font-size: 11px;
font-family: tahoma,Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif ;
line-height: 16px;
color: #000;
background: #bed730;
height: 100%;
overflow:hidden;
}
#outer {
display: table;
height: 100%;
width:100%;
#position: relative;
overflow: hidden;
z-index:1;
}
#middle {
#position: absolute;
#top: 50%;
display: table-cell;
width:100%;
vertical-align: middle;
z-index:2;
}
.back-images {
position:absolute;
display:block;
clear:left;
}
#inner {
#position: relative;
#top: -50%;
width:100%;
height:550px;
background-color:#fff;
z-index:10;
}
Ich möchte dass die Kreise die Seite nach unten hin nicht ausdehnen, sondern "abgeschnitten" werden, so wie es am oberen Rand passiert. Da ich den Scrollbalken ausblende, kann ich mit den Pfeiltasten nur im FF immer noch die Seite solange nach oben verschieben, bis die unterste Kante eines Kreises erreicht ist.
Da niemand versteht was ich meine: coolershop.de
Ich habe schon Sachen wie max-height im Body und anderen Boxen versucht und gegoogelt wurde auch. Aber hilft alles nichts.
Die Box "middle" lässt sich nicht auf zB 800Px Höhe beschränken. Daher hoffe ich mal auf Tipps. Danke.
Kommentar