"Christmas - the time to fix the computers of your loved ones" « Lord Wyrm

CSS: problem mit relativer Ausrichtung

Forum Index > Software > Coding Stuff

fatmike182 11.11.2008 - 12:25 865 5
Posts

fatmike182

Agnotologe
Registered: Oct 2005
Location: VIE
Posts: 4223
11.11.2008 - 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

OC Addicted
Avatar
Registered: Jun 2001
Location: na
Posts: 3329
12.11.2008 - 14:50
hau einfach ein float:right in die content-box?

fatmike182

Agnotologe
Registered: Oct 2005
Location: VIE
Posts: 4223
14.11.2008 - 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

My Little Pwny
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13504
14.11.2008 - 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>
Bearbeitet von Spikx am 14.11.2008, 17:27

fatmike182

Agnotologe
Registered: Oct 2005
Location: VIE
Posts: 4223
15.11.2008 - 17:26
hat leider auch nix genutzt...

Spikx

My Little Pwny
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13504
15.11.2008 - 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? :D

Stell den Versuch mal online zumindest...
All times are GMT +1 hour. The time now is 09:21.
Anmeldung

Join us! | Datenschutz

New Posts
Today's Active Threads
oc.at Schnäppchen - Sammelthread
09:12 spunz
Neuer Pc
09:04 corni
[Movie] Sonic the Hedgehog 3 (2024)
08:05 SergejMolotow
Auf der Suche nach dem richtigen Werkzeug
07:52 voyager
Tracker / Smart Tag für Android
07:20 voyager
[Multi] F1 Manager 2022
06:19 xtrm
Latest News
User of the Month: disposableHero
28.10. WONDERMIKE
Neues Unterforum: Artificial Intelligence
10.08. WONDERMIKE
Erweiterung unseres Suche / Biete / Tausche Markplatzes: Alles außer Hardware!
07.04. WONDERMIKE
User of the Moment: Viper780
04.05. böhmi
Serverumzug 2023
27.02. WONDERMIKE
Archives: News Articles
Links

Partners:
» Gamers.at
» Notebookcheck.com

L E F T B A R
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz
© all rights reserved by overclockers.at 2000-2024
overclockers.at v4.thecommunity based on vBulletin 2.2.5
Page generated in 0.035 seconds (SQL-time: 0.031 seconds, 29 queries)
sponsored by www.nessus.at