Echt merkwürdig: Tabelle rutscht runter

[Kuno]

Folgendes Problem:

  
<div style="background-color:green">  
 <div style="float:right;background-color:#ccc">  
  Navigation  
 </div>  
 <div style="background-color:yellow;margin-right:100px">  
  <table style="width:100%;background-color:red">  
   <tr>  
    <td>Test</td>  
   </tr>  
  </table>  
 </div>  
</div>  

der Firefox stellt alles wie gewünscht dar und stellt die Tabelle direkt neben "Navigation" dar.

Merkwürdigerweise macht der IE etwas ganz anderes:
Anstatt auf gleicher Ebene wie "Navigation", beginnt der IE mit der Tabelle erst unterhalb von "Navigation". Wonach richtet sich denn bitte die 100%-Angabe??????? Ich versteh die Welt nicht mehr!

[kuno]

Die Frage müsste anders heißen: Warum ignoriert der IE die margin-right-Angabe?????

[Color]

Ich versteh die Welt nicht mehr!
Es Liegt wahrscheinlich daran das die Navigation auserhalb der tabelle liegt,integriere doch die Navi in die Tabelle navigation
oder löche mal die zeile direkt unter Navigation </div>

[kuno]

hä? wie in die Tabelle integrieren?

[Color]

hä? wie in die Tabelle integrieren?

<div style="background-color:yellow;margin-right:100px">
<div style="background-color:green">
 <div style="float:right;background-color:#ccc">
  test
 </div>
  <div style="background-color:yellow;margin-right:100px">

<tr>
    <td>navigation</td>
   </tr>

</div>
</div>

probier mal sorum!

[Kuno]

sach ma hast du schon nen Kaffee getrunken?

[Bobby]

Hallo Kuno

<div style="float:right;background-color:#ccc">

Float ohne Größen-Angaben ist Falsch!!!!!! Damit wird der Div natürlich auf 100% gezogen!!!!!

<div style="background-color:yellow;margin-right:100px">

Auch dieser DIV muß float:xxxxx sowie eine Größenangabe besitzen!!!!!

Wonach richtet sich denn bitte die 100%-Angabe???????

Die 100%-Angabae richtet sich nach dem Mutterelement!!!!!!

Gruß Bobby

[Ingo Turski]

Hi,

Float ohne Größen-Angaben ist Falsch!!!!!! Damit wird der Div natürlich auf 100% gezogen!!!!!

Warum beendest Du solchen Unsinn auch noch mit multiplen Ausrufezeichen?
Nach CSS 2.1 ist float ohne Breitenangabe zulässig und selbst alte Browser verhalten sich bereits so, wie es CSS 2.1 vorsieht, nämlich dass die Breite sich dann dem Inhalt anpasst wie bei position:absolute.

<div style="background-color:yellow;margin-right:100px">

Auch dieser DIV muß float:xxxxx sowie eine Größenangabe besitzen!!!!!

Nein. Er sollte wie angegeben einen Abstand nach rechts von 100px einhalten und die übrige Fensterbreite einnehmen.

freundliche Grüße
Ingo

[bobby]

Hi

Nach CSS 2.1 ist float ohne Breitenangabe zulässig und selbst alte Browser verhalten sich bereits so, wie es CSS 2.1 vorsieht, nämlich dass die Breite sich dann dem Inhalt anpasst wie bei position:absolute.

Versuch das mal auf nen bisschen älteren Opera... Viel Spaß dabei!!

Gruß

[Ingo Turski]

Hi,

Versuch das mal auf nen bisschen älteren Opera... Viel Spaß dabei!!

Du meinst die 6er-Generation? Die ist doch zum Glück so gut wie nicht mehr im Einsatz.

freundliche Grüße
Ingo