[blumentopf]

Hi,

i hate IE. pfuiii. Bin schon am verzweifeln. Viell. habt ihr eine Idee.

Auf der Seite: link

seht ihr unten 3 Buttons die die Funktion haben nach oben zu bewegen. Das Problem ist dass im IE8 immer die rechte Spalte mit nach geht obwohl es hier eine Verticale Position: bottom gibt. Das ganze funktioniert schliesslich auch.

Und über IE7 brauch ma erst gar net reden. Das ist überhaupt einen Katastrophe.

Zu wissen ist, dass ich die untere Leiste mit Tabelle gelöst habe, weil ich diese immer unten positioniert haben wollte und egal wie breit das Fenster ist, die rechte Spalte immer die max. Breite hat.

Wär toll wenn Ihr mir einen Gedankenanstoss geben könntet.

Danke

Gruss

[Geronimow]

Um diesen Effekt zu erzielen braucht man nicht zwingend Tabellen. Mit Divs und ein wenig CSS bekommt man das auch hin. Hier mal mein Versuch, etwas grob auf die schnelle skizziert:

HTML:

<div>
    <ul id="nav">
      <li>Brandheiss</li>
      <li>Ab auf die Wies'n</li>
      <li>Angebot des Monats</li>
    </ul>
    <ul id="meta">
      <li>Impressum</li>
      <li>Sitemap</li>
    </ul>
  </div>

CSS:

* {
  margin: 0;
  padding: 0;
}

div {
  position: absolute; 
  bottom: 0px; 
  height: 40px; 
  background: black; 
  width: 100%
}

ul li {
  height: 40px;
  float: left;
}

ul#nav {
  margin: 0 0 0 20px;
  background: red;
}    
ul#nav li {
  width: 200px;
  background: silver;
}

ul#meta {
  float: right;
}
ul#meta li {
  width: 100px;
  color: white;
}

Sieht bei mir im FF, IE8 und IE7 ok aus.

Gruß Geronimow

[blumentopf]

Hi,

Danke für den Versuch.
Ich denke du hast es dir ein bisschen zu leicht gemacht. Bei deinem Vorschlag arbeitest du mit keine Transparenzen somit kann ich den globalen Div keine transparenten Grafiken geben. Denn wenn ich das Fenster dann Resize liegen die transp. Grafiken von dem Div und den einzelenen #nav li übereinander.

Aber sonst hätt das gut funktioniert. Meinst du dass ich hier auf der rechten Seite die Transparenz weglassen sollte damit das ganze funktioniert??

Gruss