Content automatisch verkleinern bei 2 Spalten

[alexf812]

Hi,

mein Layout besteht nur aus einem Content-Container, welcher über die gesamte Breite geht. Gibt es eine Möglichkeit diesen Container automatisch zu verkleinern, wenn eine linke Spalte hinzukommt? Oder wird es nur gehen, wenn ich mir 2 verschiedene Templates anlege? Ich dachte, ich lege ein Template an und füge dynamisch eine linke Spalte hinzu (auf den Seiten wo es notwendig ist) und der Content verkleinert sich automatisch.

[wildmieze]

Kommt auf das genaue Layout an, denke ich. Normalerweise sollte sich der Text automatisch verschieben, wenn man die zusätzliche Spalte mit float einbaut und der content keine feste Breitenangabe hat ... *kratzamkopp* ..

Ich hatte auch schon den Fall, daß das nicht möglich war, eben wegen fester Breiten, da habe ich das per CSS gemacht (mit Hilfe von body-IDs, die ich mittlerweile schon fast automatisch einbaue).

[alexf812]

Hi,

ich dachte ja, wenn man die Breitenangabe weglässt wird immer auf 100% ausgedehnt. Setz ich dann noch eine Spalte daneben, rutscht ein Container unter den anderen.. falls ich nicht falsch liege.

Aber das mit der body-id ist gut. dann kann ich mir ja 2 css klassen anlegen, jeweils mit unterschiedlichen breiten.

#container {width: 960px;}
.columns #container{600px;}

[wildmieze]

Hmm .. ich hätte jetzt spontan gedacht, daß ein Container ohne Breitenangabe 100% des verfügbaren Platzes nutzt - und wenn ne Spalte daneben ist, ist halt weniger Platz verfügbar .. aber ist jetzt auch eher aus dem Bauch heraus, ich fummel mir das halt immer irgendwie zurecht

[alexf812]

Hi,

also was geht ist sowas:

<div id="sidebar"></div>
<div id="content"></div>

#sidebar{
  float: left;
  width: 300px;
}

#content{
  // anderes css
}

.columns #content{
  margin-left: 300px;
}

Leider habe ich mit sowas schon mehrfach Probleme gehabt, das Teile aus dem Content unter das Ende der sidebar rutschen. Amn muss halt keine Breiten angeben. Werde aber beide Container floaten und jewils dem Content eine andere Breite mittels body class/id

[wildmieze]

Eigentlich sollte das margin-left ja genau das "drunterrutschen" verhindern .. hmm .. aber jut, auch bei der margin-Variante bräuchtest Du die columns-Klasse, von daher ist es am Ende egal - hauptsache, es funktioniert