myGully.com

myGully.com (https://mygully.com/index.php)
-   Webdesign (https://mygully.com/forumdisplay.php?f=415)
-   -   Problem mit meinem Design (https://mygully.com/showthread.php?t=2379980)

kaddo 31.07.11 18:01

Hallo..
Ich habe folgendes Problem mit meinem Design...

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Und zwar ist der Seiteninhalt meines Projekts von der Länge her größer als die Navigation. Wie bekomme ich jetzt die rot-gestrichelte Linie (die natürlich den Abstand zwischen Navigation und Footer darstellt!) Weg?
Also kurz: Wie verhindere ich den Abstand zwischen Navigation und Footer?

Meine styles.css -Datei lautet wie folgt:
Zitat:

style{width:100%}
html,body{margin:10;padding:10;background:DAFFB3}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0px 10px 10px}
a{padding:5px; text-decoration:none; color:#000000;width:100%}
div#header{background-color:red;}
div#header h1{height:100px;line-height:100px;margin:0;padding-left:100px;}
div#container{text-align:left;background:white}
div#content p{line-height:77;margin-right: 60px}
div#navigation{background:#B5FF66;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;width=100%}
div#navigation li{margin-bottom:5px; background:white}
div#extra{background:#B5FF66;height:100%}
div#footer{background:#BFBD93;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:900px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-900px;height:100%}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%;background:#B5FF6 6}
Wobei im Style.css gleich die erste Zeile
Zitat:

style{width:100%}
völlig unbedeutend wäre, da sie anwesend oder nicht keinen Unterschied bring (bei einem anderen Problem ein Versuch gewesen)

Ich würd' mich freuen wenn mir jemand helfen könnte ;)..
Bitte bekommt keine Krämpfe *lach*. Mit meinen 16Jahren ist mein Wissen noch nicht allzu Groß :>

LG, Kaddo ;)

EDITGRUND: Bild wurde nicht angezeigt

EDIT:
Ah, habe es herausgefunden. Habe im #div der Navigation und im #div extra die höhe von 100% auf 1000px gesetzt.

Aber wie mache ich es, das es Automatisch ist und von Seite zu Seite anders sein kann?

refLye 01.08.11 20:01

Zeig mal einen etwas größeren Screenshot, ist schwierig, dir zu folgen...

Grob würde ich sagen:
Du machst eine DIV ohne float, nur mit overflow: auto;. In diese DIV kommen zwei weitere, die du nebeneinander floatest (float: left;). In die linke kommt die Navigation, hier wieder ohne float. In der rechten bietest du deine Inhalte an, dort halt, wie du es brauchst.


Alle Zeitangaben in WEZ +1. Es ist jetzt 04:25 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.