• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Position fixed - Problem IE7 mit float

Status
Für weitere Antworten geschlossen.
CGollhardt

CGollhardt

Mitglied
Hallo,
ich habe ein Problem mit position:fixed in verbindung mit float beim IE 7 (Microschrott!)

Und zwar habe ich eine Navi die sich wunderbar ins Design einpasst:
Code: 
div#header, div#unternavi, div#content {
	float:right;
	width:650px;
}
div#navigation {
	float:left;
	width:150px;
}
Sobald ich aber in der navigation position:fixed angebe, funktioniert es nur noch mit FF. Im IE ist es aufeinmal verschwunden.

Lasse ich jetzt beide floats weg funktioniert es wieder, aber dann ist der content und die Navi übereinander, was nicht sein darf.

Ich will die Navigation ständig auf einer position stehen lassen. (Ich weiß, das ist nicht besonders Toll, aber ich progge gerade ein Browsergame, und das gehört irgendwie dazu, das man nicht wieder hochscrollen muss, um zur navi zu kommen, und frames sind out)

Wisst ihr woran es liegt, und habt ihr ne Lößungsmöglichkeit?

Danke im vorraus
 
Werbung:
Wie sieht der HTML-Code dazu aus? Gibt es einen Link?

Meine Vermutung ist, dass die Elemente nicht genügend Platz haben, d.h. das der Rahmen um die gefloateten Elemente eine falsche Breite hat.
 
Stimmt, habe ich vergessen, sorry

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
 <head>
  <title><?php echo $game['titel']; ?> &bull; <?php echo $game['modeltitle']; ?></title>
  <link rel="stylesheet" type="text/css" href="/css/main.css" />
  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
  <meta name="language" content="de" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head>
 <body>
  <div id="container">
   <?php if (MEMBER_RECHTE >= 1): ?>
   <div id="header">
    <table>
     <tr>
      <td><img src="/grafiken/ressourcen/metall.gif" width="42" height="22" alt="Metall" /></td>
      <td><img src="/grafiken/ressourcen/kristall.gif" width="42" height="22" alt="Kristall" /></td>
      <td><img src="/grafiken/ressourcen/deuterium.gif" width="42" height="22" alt="Deuterium" /></td>
      <td><img src="/grafiken/ressourcen/energie.gif" width="42" height="22" alt="Energie" /></td>
     </tr>
     <tr>
      <th>Metall</td>
      <th>Kristall</td>
      <th>Deuterium</td>
      <th>Energie</td>
     </tr>
     <tr>
      <td>853.324</td>
      <td>1.746.330</td>
      <td>3.234.820</td>
      <td>6/5.020</td>
     </tr>
     <tr><td colspan="4">&nbsp;</td></tr>
    </table>
   </div>
   <?php endif; ?>
   <div id="navigation">
    <table>
     <tr><td><img src="/grafiken/design/navi-logo.jpg" width="120" height="21" alt="<?php echo $game['titel']; ?>" /></td></tr>
     <?php foreach ($navi as $inhalt): ?>
     <?php echo $inhalt; ?>
     <?php endforeach; ?>
    </table>
   </div>
   <?php if (isset ($unternavi)): ?>
   <div id="unternavi">
    <table>
     <tr>
      <?php foreach ($unternavi as $inhalt): ?>
      <td><?php echo $inhalt; ?></td>
      <?php endforeach; ?>
     </tr>
    </table>
   </div>
   <?php endif; ?>
   <div id="content">
    <?php require ($content) ?>
   </div>
   <div id="footer"><p>&copy; 2008 - 2009 Christian Gollhardt | Version 1.0.0</p></div>
  </div>
 </body>
</html>
 
Werbung:
Habe es bis jetzt sehr unsauber gelößt

Code: 
div#header, div#unternavi, div#content {
	position:relative; right:0px;
	float:right;
	width:650px;
}
div#navigation {
	position:fixed; top:50px;
	width:150px;
}

Für bessere Möglichkeiten habe ich aber immernoch ein Ohr frei :D
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben