float will nicht so wie ich

[fthieme]

Hi!

Ich versuche ein älteres CSS Layout mit dem Standard Layout von Wordpress zu verbinden. Ich hab das gleiche schon mal mit T3Blog unter Typo3 gemacht, aber da ist es irgendwie besser gelungen.

Idee ist eine fixe linke Navigationsspalte und rechts daneben das Blog sowie ganz rechts eine floatende Navigationsleiste. Das Standard Layout von Wordpress hat eine feste Breite, aber das will ich nicht. Ich will nur rechts und links fest haben und den Content so breit wie halt noch Platz ist.

Aktuell ist es so, dass ich den content mit float:left und die Wordpress Navigation mit float:right habe. Leider werden sie dann untereinander dargestellt.

Zu sehen hier: Franks Dump

Und so isses eigentlich gedacht: Blog

Ich seh nur irgendwie den Fehler nicht...

Bin für jede Hilfe dankbar....

 

[prm]

Ich hab' jetzt keine Lust, mich durch den Quelltext zu wühlen.

Aber wenn eine Box links und eine Box rechts gefloatet ist, dann muss im HTML-teil die mittlere als letzte in der Reihenfolge kommen:

<div id="links"></div>
<div id="rechts"></div>
<div id="mitte"></div>

Prüfe mal, ob das so ist.

 

[fthieme]

Es gibt keinen mittleren Teil...

Das was in der Mitte zu sehen sein soll ist links und das was rechts zu sehen sein soll rechts gefloatet.

Die Reihenfolge zwischen Content und rechte Navigationsleiste habe ich auch schon geändert. Dann waren sie einfach andersrum untereinander...

 

[neuroleptika]

Es gibt keinen mittleren Teil...

Trotzdem wäre es einfacher wenn #content nach #rmain im Markup stehen würde.
#content würde dann ein margin-right (ohne ohne width und float) in der Breite von #rmain bekommen.
Wenn du das nicht möchtest, könntest du #content und #rmain Breiten in % geben.

Float ohne width ist für dein Spalten-Layout nicht geeignet.

 

[fthieme]

mmh, ich frag mich warums beim Typo3 funktioniert.

Aber egal. Habs jetzt mit fester breite und einem margin-right gemacht.

Vielen Dank

 

[neuroleptika]

Zeig doch mal deine TYPO3-Seite.

Edit:
Ah,
da war noch ein Link (http://typo3.fthieme.net/index.php?id=88)
Dort haben die Floats Breiten in %.

.zweispalten70 .linke-spalte {
float:left;
width:70%;
}

und

.zweispalten70 .rechte-spalte {
float:right;
width:30%;
}

Dein TYPO3-Template kocht also auch nur mit Wasser

 

[fthieme]

Zweiter Link im Ursprungspost ;)

 

[neuroleptika]

Ja,
habe zu spät gesehen.
Siehe Edit.

 

[fthieme]

Naja, wenns nur die Breiten wären, aber ich hatte auch mal die %e eingestellt bei dem CSS bei Wordpress. War trotzdem so komisch untereinander.

Naja, wie gesagt, jetzt gehts, wenn auch anders. Das Ergebnis ist entscheidend ;)

Vielen Dank nochmal