Layer, IE vs. FF!

Status
Nicht offen für weitere Antworten.
Du meinst den rechten Rand des mittleren Teils?
Zu weit rechts oder zu weit links?
Bei mir wird es so dargestellt, wie auf der angehängtn Grafik zu sehen.
Aber das ist doch dann nur ein Problem mit den width Angaben oder nicht?

redlama
 

Anhänge

  • divs.bmp
    41,8 KB · Aufrufe: 93
Hi,

eventuell würde es klappen, wenn du die zwei Zeilen zu Beginn des Dokumentes entfernen würdest.
Zumindest hat es dann mit meiner Version funktioniert.
HTML: 
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/icespeedskater_de/www/community/index.php</b> on line <b>25</b><br />
Wenn das erledigt ist, befindet sich der IE6 im Standard-Mode und interpretiert das Box-Model
richtig. Niedrigere IE-Versionen werden das Problem immer noch haben. Hier musst du dann mit
einem CSS-Filter eingreifen (geeignet ist der Tantek-Hack).

Ciao
Quaese
 
Ui, das ist ja alles Wunderbar, so klappt das, aber mir ist gerade aufgefallen das der Hintergrund (grau) im IE nicht auf die ganze größe des Browserfensters gestreckt wird, könnte ich da auch gerade nochmal den code posten, das ihr dort mal rein schaut könnt?

Ansonsten erstmal vielen dank für die erfolgreiche Hilfe.
 
BSA hat gesagt.:
Ui, das ist ja alles Wunderbar, so klappt das, aber mir ist gerade aufgefallen das der Hintergrund (grau) im IE nicht auf die ganze größe des Browserfensters gestreckt wird, könnte ich da auch gerade nochmal den code posten, das ihr dort mal rein schaut könnt?
Zum Vergrößern anklicken....
Kalr, immer her damit! ;) ^^

redlama
 
Na wunderbar, da kommt er schon:

Die HTML-Datei:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title></title>
    <link rel="stylesheet" href="style.css" type="text/css" />
  </head>
  <body>
    <div class="top">
     <div class="toptxt"><a href="index.php">Startseite</a> | <a href="../index.php">Webseite</a></div>
    </div>
    <div class="lastcontentnavi"></div>
    <div class="bottom">
     <div class="bottomtxt">Copyright © 2005 iss-community - All rights reserved</div>
    </div>
    <div class="navi">
     <div class="topnavi">
      <div class="navitxt" style="text-decoration:underline;font-weight:bold;">Userinfo</div>
     </div>
     <div class="contentnavi">
      <div class="navitxt">
       <u>Username:</u> BSA<br />
       <u>Lastlogin:</u> 15.03.2005<br />
       <u>Logincounter:</u> 20
      </div>
     </div>
     <div class="secondnavi">
      <div class="navitxt" style="text-decoration:underline;font-weight:bold;">Content</div>
     </div>
     <div class="contentnavi">
      <div class="navitxt">
       Artikel<br />
       News<br />
       Galerie<br />
       Newsletter
      </div>
     </div>
     <div class="secondnavi">
      <div class="navitxt" style="text-decoration:underline;font-weight:bold;">Files</div>
     </div>
     <div class="contentnavi">
      <div class="navitxt">
       Avatare<br />
       Galerie<br />
       ZIP<br />
       PDF<br />
       mpeg
      </div>
     </div>
     <div class="secondnavi">
      <div class="navitxt" style="text-decoration:underline;font-weight:bold;">Benutzerverwaltung</div>
     </div>
     <div class="contentnavi">
      <div class="navitxt">
       Mitglieder<br />
       Gruppen<br />
       Rechtesystem<br />
       Rechteverwaltung
      </div>
     </div>
    </div>
    <div class="content">
     <div class="contenttxt">
      {include file="{$template}"}
     </div>
    </div>

  </body>
</html>

und die CSS-Datei:

Code: 
body {
     width:100%;
     margin:0px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 0.8em;
     padding:0px;
     }
.top {
     position:absolute;
     width:100%;
     height:27px;
     top:0px;
     background:url(img/top.gif);
     z-index:100;
     }
.toptxt {
     padding:6px;
     padding-right:10px;
     text-align:right;
     font-family:verdana;
     font-size:10px;
     color:#999999;
     }
.toptxt a {
     font-family:verdana;
     font-size:10px;
     color:#999999;
     text-decoration:none;
     }
.toptxt a:hover {
     font-family:verdana;
     font-size:10px;
     color:#000000;
     text-decoration:none;
     }
.bottom {
     position:absolute;
     bottom:0px;
     width:100%;
     height:18px;
     background:url(img/bottom.gif);
     z-index:100;
     }
.bottomtxt {
     padding:3px;
     padding-right:10px;
     text-align:right;
     font-family:verdana;
     font-size:10px;
     color:#999999;
     }
.navi {
     position:absolute;
     top:10px;
     left:10px;
     height:98%;
     z-index:1000;
     }
.navitxt {
     padding:3px;
     font-family:verdana;
     font-size:11px;
     }
.topnavi {
     width:158px;
     height:25px;
     background:url(img/topnavi.gif) no-repeat;
     padding-left:5px;
     }
.contentnavi {
     width:158px;
     background:url(img/contentnavi.gif) repeat-y;
     padding-left:5px;
     }
.lastcontentnavi {
     position:absolute;
     bottom:0px;
     left:10px;
     width:158px;
     height:100%;
     background:url(img/contentnavi.gif) repeat-y;
     padding-left:5px;
     z-index:10;
     }
.secondnavi {
     width:158px;
     height:25px;
     background:url(img/secondnavi.gif) no-repeat;
     padding-left:5px;
     }
.content {
     position:absolute;
     margin-left:0px;
     background-color:#F8F8F8;
     left:0px;
     right:0px;
     top:0px;
     bottom:0px;
     z-index:;
     }
.contenttxt {
     padding-top:50px;
     padding-left:200px;
     padding-right:50px;
     padding-bottom:50px;
     }
 
Meinst Du den Hintergrund im Div "content"?
Ich bin mir zwar nicht sicher, aber versuch doch mal da in der CSS Definition noch "width:100%" reinzupacken, das sollte eigentlich helfen, ...

redlama
 
Also über die komplette Breite Streckt er es mittlerweile, nur über die höhe nicht. Der Link steht weiterhin oben......

Jemand noch ne Idee?
 
Wie weit soll denn der Hintergrund gehen?
Da wo Du das Problem mit der Breite gelöst hast, kannst Du da nicht noch die entsprechende Höhe definieren?

redlama
 
Nein. kann ich leider nicht, das macht er nicht, aber mir fällt gerade ein, das ihc die hintergrund farbe ja auch im body definieren kann *rofl* oder, müsste doch gehen.....
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück