gethsemane: Anordnung von Containern

Hallo,

ich habe folgendes Problem:
Ich bin gerade dabei eine Homepage zu machen, wo sich drei Container
(Head), (Links und Contents nebeneinander) wiederum in einem ganzheitlichen Container befinden. Der Headcontainer macht mir keine Probleme. Sie sind so angeordnet, bzw. sollen so angeordnet sein:
Der HAUPTContainer, in dem alle anderen Container drinn sind, ist 750px breit und steht mit etwa 20px von der obersten Browserleiste ab. Der Headcontainer steht mit der oberen, linken und rechten Kante von den Hauptcontainerkanten ab. D.h. es soll sich eine Lücke zwischendrinn befinden.
Der Linkcontainer wird ebenfalls mit einem Abstand von 10px zur linken Kante des Hauptcontainers positioniert. Der Contentcontainer wird ebenfalls im Abstand von 10px an den Linkcontainer herangeführt.
Mit Float:left; für den Linkcontainer gibts aber Probleme, IE macht Abstände wo keine hinsollen ... Ohne Float stehen die Container untereinander (Content und Links) ...

Zur einfacheren Darstellung meines vorhabens:

+-----Browser------------------------------------------+
i                                                      i
i              +-Hauptcontainer-----------+            i
i              i +----------------------+ i            i
i              i i    Head              i i            i
i              i +----------------------+ i            i
i              i +---+ +----------------+ i            i
i              i i   i i                i i            i
i              i Links i                i i            i
i              i i   i i                i i            i
i              i i   i i    Content     i i            i
i              i i   i i                i i            i
i              i i   i i                i i            i
i              i i   i i                i i            i
i              i i   i i                i i            i
i              i i   i i                i i            i
i              i +---+ +----------------+ i            i
i              +--------------------------+            i
i                                                      i
+------------------------------------------------------+
Der Rahmen jedes Container bekommt eine Umrandung und daher
soll alles im Innern des Hauptcontainer 10px auseinanderliegen.
D.h. Zwischenräume alle 10px!

Was kann ich also tun?!
Was gibt es noch für Methoden zwei Container bzw. Boxen
nebeneinader zu setzen, möglichst kein FLOAT?

Vielen Dank einstweilen, Basti

  1. Hallo Basti,

    Mit Float:left; für den Linkcontainer gibts aber Probleme, IE macht Abstände wo keine hinsollen ...

    ein bekanntes Problem

    Ohne Float stehen die Container untereinander (Content und Links) ...

    Was ja auch normal ist - deshalb gibt es ja float. ;)

    Gruß Gunther

    1. Perfekt vielen Dank.
      Jetzt funktionierts so wie ich das haben will *g* ...
      Ich danke vielmals ..

      Grüße, Basti