CSS: problem mit relativer Ausrichtung

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_problem_mit_relativer_ausrichtung_201602/page_1 - zur Vollversion wechseln!

fatmike182 schrieb am 11.11.2008 um 12:25

Hallo,
ich hab da grad ein kleines Problem mit Ausrichtungen...
Ich habe eine 900px breite Seite, die zentriert abgebildet wird (über margin: auto im body tag). In dieser gibt es einen header-banner über die gesamte breite und ganz am unteren Ende soll ein Footer mit Impressum usw sein.

Dazwischen ist der Inhalt in 2 Bereiche aufgeteilt:
links das Untermenü und rechts der Content.
Da das Untermenü je nach Wahl des Hauptmenüpunktes von der Unterpunktanzahl variiert kann ich da keine fixe länge vergeben.
Wie kann ich dennoch den Content positionieren?

Lösungsansatz war es, das Untermenü in der Höhe zu limiteieren (ein div mit 400px -- größer wird das Menü nie werden). Dann kann ich den content mit -400 relativ nach oben positonieren.
--> leider hab ich dann auch gleich einen Abstand zwischen Footer und Contend: genau diese 400px!
Wie bekomm ich den Weg?

Betrachten kann man die Seite unter http://fatmike182.xail.net/test.html

Ezekiel schrieb am 12.11.2008 um 14:50

hau einfach ein float:right in die content-box?

fatmike182 schrieb am 14.11.2008 um 16:08

nope - leider hauts dann den Footer bis an den Rand des linken divs (auch wenn das rechte div länger ist --> der Footer steht dann mitten im rechten div drinnen)

Spikx schrieb am 14.11.2008 um 17:23

float:right; beim content machen oder float:left; beim linken menü. Dann nach den beiden divs ein <div style="clear:both;"></div> und danach den footer.

// also zB:

Code: PHP

<div style="width:900px; margin:auto;">
	<div style="background:green; width:200px; float:left;">Menü</div>
	<div style="margin-left:210px; background:yellow">Content</div>
	<div style="clear:both;"></div>
	<div style="background:blue; margin-top:10px;">Footer</div>
</div>

fatmike182 schrieb am 15.11.2008 um 17:26

hat leider auch nix genutzt...

Spikx schrieb am 15.11.2008 um 17:42

Zitat von fatmike182
hat leider auch nix genutzt...

In wie fern? Hast du das jetzt tatsächlich alles von Grund auf so umgesetzt, oder einfach nur irgendwie hirnlos das ganze in dein bestehendes Template zu integrieren versucht?

Stell den Versuch mal online zumindest...