Tweet
Hallo.
Meine Seite habe ich in 3 Boxen unterteilt. In der oberen Box soll einfach nur eine Grafik angezeigt werden, und zwar sich wiederholend auf voller Bildschirmbreite (so wie bei Frames mit background-image). Das habe ich so hinbekommen.
Außerdem sollen Box 1 und 2 beim scollen ihre Position behalten (fixed). Im Moment wird das im IE so angezeigt, wie von mir gewünscht, in Firefox hingegen verschwindet die 1. Box einfach. Könnt ihr mir sagen, wo das Problem ist?
Hier der Code zur Veranschaulichung: index.php
Hier der entscheidende Teil aus dem Stylesheet:
Meine Seite habe ich in 3 Boxen unterteilt. In der oberen Box soll einfach nur eine Grafik angezeigt werden, und zwar sich wiederholend auf voller Bildschirmbreite (so wie bei Frames mit background-image). Das habe ich so hinbekommen.
Außerdem sollen Box 1 und 2 beim scollen ihre Position behalten (fixed). Im Moment wird das im IE so angezeigt, wie von mir gewünscht, in Firefox hingegen verschwindet die 1. Box einfach. Könnt ihr mir sagen, wo das Problem ist?
Hier der Code zur Veranschaulichung: index.php
PHP-Code:
<body>
<div class="box1 standard"></div>
<div class="box2 standard"><?
if($menu==0) include("login.php");
if($menu==1){
include("nav.php");
include("top5.php");
}
?> </div>
<div class="box3 standard"> <? include("$content.php"); ?> </div>
</body>
PHP-Code:
body {
font-family: Verdana, Arial, Serif;
font-size: 13px;
color: #000;
background-color: #FFF;
}
.box1 {
height: 77px;
text-align: center;
background-image: url(pics/top1.jpg);
position: fixed;
}
.box2 {
float:left;
padding:5px;
margin: 0px;
width:170px;
position: fixed;
}
.box3 {padding:5px; margin-left: 180px; width: 800px;}
.standard {background-color: #FFF; border: 0px;}
Kommentar