The Stell: Float in Firefox: Jedes mal laden anders.

Beitrag lesen

Hi Leute,
Ich habe ein unerklärliches Problem: Meine Seite wird jedes mal laden anders dargestellt. Das ganze geschieht aber nur im Firefox 1):

Darstellungsvarianten: Die richtige möglichkeit:

|                   |
  |      HEADER       |
_________________________
          NAVI
_________________________
  |             |     |        Rechts ist die Bar die ich mit 'float:right;'
  |    TEXT     | BAR |        positioniert. Der Text umfließt die Bar und
  |             |     |        hat ein 'margin', das so breit wie die Bar
_________________________      ist.
         LEISTE
_________________________
  |                   |

Darstellungsvarianten: Die falsche möglichkeit:

|                   |
  |      HEADER       |
_________________________
          NAVI
_________________________
  |             |     |        Die Bar wird rechts dargestellt, und links
  |             | BAR |        bleibt alles frei. Der Text wird darunter
  |             |     |        dargestellt. Dabei wird das 'margin' nicht
  |                   |        beachtet.
  |        TEXT       |
_________________________
         LEISTE
_________________________
  |                   |

Ich dachte dass eine Seite bei zwei Aufrufen, wenn sie den gleichen Q-Text hat nicht anders aussehen darf. Das dachte ich bis heute.

Ich habe ein bisschen herumprobiert. Dabei habe ich folgende Ergebnisse erhalten:

DAVOR:
<?php if($text == $start) include("menu/menu-css.php"); ?>
  DANACH:
<?php /* if($text == $start) include("menu/menu-css.php"); */ ?>
  ERFOLG:
Ja.
  DETAILS:
Jetzt funtzt. Aber ich brauche diesen Code, darum kann ich ihn nicht einfach entfernen. Und in der Datei is nichts falsch. Das ist nurn CSS. Und das ist nicht der Grund. Das habe ich schon getestet.

Hier nochn biscchen Code, damit man sich mehr darunter vorstellen kann:

  
<div class="sw-left">  
 <div class="sw-right">  
  <div id="inhalt">  
  
   <div id="bar">  
    <h1>  
    </h1>  
    <div>  
     <div>  
      <div>  
       <ul>  
        <li>  
        </li>  
        <li>  
        </li>  
       </ul>  
      </div>  
     </div>  
    </div>  
    <h1>  
  
     Statistik  
    </h1>  
    <div>  
     <div>  
      <div id="statistik">  
      </div>  
     </div>  
    </div>   </div>  
  
   <div id="text">  
    <h1>  
    </h1>  
    LISTE    <!--[if IE]>  
     <div class="hack">  
     </div>  
    <![endif]-->  
  
   </div>  
  </div>  
 </div>  
</div>  

Und da ist das CSS und das PHP von dem ich oben geschrieben habe:

  
   #inhalt                        {font-size:12px;background:#FFFFFF;padding:10px 10px 0;font-family:verdana;  
                                   margin:0 10px;overflow:hidden;display:table;}  
   #inhalt div#bar                {width:175px;float:right;padding-bottom:10px;}  
   #inhalt div#bar h1             {font-size:13px;font-family:verdana;font-weight:bold;margin:0 10px;}  
   #inhalt div#bar div            {background:#CEC8EA;margin-bottom:5px;}  
   #inhalt div#bar div#statistik  {padding:5px 10px;}  
   #inhalt div#bar div div        {background:url(eck-top.png);background-position:left top;  
                                   background-repeat:no-repeat;}  
   #inhalt div#bar div div div    {background:url(eck-bottom.png);background-position:right bottom;  
                                   background-repeat:no-repeat;padding:0 10px 5px;}  
   #inhalt div#bar ul li          {padding-top:5px;list-style:none;}  
   #inhalt div#text               {margin-right:185px;}  
   #inhalt div#text a             {font-weight:bold;text-decoration:underline;}  
   #inhalt div#text a:link        {color:#000000;}  
   #inhalt div#text a:visited     {color:#757575;}  
   #inhalt div#text a:active, #inhalt div#text a:hover, #inhalt div#text a:focus  
                                  {color:#6404BB;}  
   #inhalt div#text h1            {font-size:18px;}  

  
<?php if($text == $start) include("menu/menu-css.php"); ?>  

Hier noch ne Erklärung zum PHP:

Im div#text ist ein include() in dem $text includiert wird. Und wenn die Datei $start includiert wird, wird ein extra CSS benötigt, weil dort ne Liste drin ist.

Ich hoffe ihr könnt mir helfen.
thx im vorraus.

lg
the stell

  1. = geteste mit Explorer6, Firefox3 und Opera9