Dreispaltiges CSS-Layout - fest / max. / variable Breite

8

Ich habe Probleme, das folgende dreispaltige Layout zu erhalten:

%Vor%

Wo:

  • A ist eine feste Breite.
  • B verwendet jeden verfügbaren Speicherplatz im Container, der nicht von den Spalten A und C verwendet wird.
  • C enthält Inhalte, die die Breite ändern können und B zu a "schieben" müssen andere Breite.

Hier ist mein bester Versuch, dies zu erstellen: Ссылка

Alle anderen Themen, die ich mir angeschaut habe, legen nahe, dass alle drei als schwebend mit B verwendet werden, um das Umbrechen zu verhindern, aber dies erlaubt C nicht, B basierend auf Cs Inhalt zu skalieren (als Wert muss rechts angegeben werden) Rand).

Ich möchte auch wirklich vermeiden, auf JS zurückzugreifen, um dies zu erreichen.

    
Alex 06.02.2012, 19:26
quelle

3 Antworten

17

Dies kann leicht gelöst werden durch hinzufügen von overflow: hidden bis #div_middle und Entfernen der Ränder:

%Vor%

Siehe: Ссылка

Dies funktioniert in allen modernen Browsern und IE7 +.

    
thirtydot 06.02.2012, 19:29
quelle
0

Sie können es reparieren, ohne Ihr Layout zu ändern, wenn Sie dieses Skript verwenden:

%Vor%     
Sven Bieder 06.02.2012 19:37
quelle
0

Funktioniert sogar mit beiden Sidebars mit variabler Breite:

Ссылка

%Vor%     
Alexander 24.05.2013 12:41
quelle