[HaBo]

Clarity · 24.08.11, 18:49

Hi Community,

ich bins nochmal. Ich habe mal eine Frage. Ich habe eine einfache HTML - Seite, die mit validem HTML und CSS umgesetzt ist.

Im folgendem Screenshot ist ein blauer Bereich zu sehen. Dies ist ein div-Element, welches Content enthält. Ist also in der Höhe flexibel. Problem ist folgendes: Unterhalb des blauen Feldes ist viel Leerraum und ich weiß nicht warum. Es sollte dort auch keiner sein. Eigentlich sollte dort der Viewport des Browsers anfangen. Tut er aber nicht. Hat jemand bitte eine Idee, wie ich das hinbekomme? Meine Vermutung liegt darin, dass es irgendeine Regel mit relativ positionierten Elementen ist, gegen die ich verstoße. Bitte um Hilfe, da ich es einfach nicht hinbekomme.

Die html:
nopaste.info - free nopaste script and service

Das Css:
nopaste.info - free nopaste script and service

overflow · 24.08.11, 20:40

Das Problem ist auf Anhieb ersichtlich.
Es liegt an deinem Menü (Punkt 1-3)!

Sollte dein Problem lösen:

HTML-Code:

 div#menu
    {
      position: relative;
      bottom: 580px;
      width: 220px;
      float: right;
    }

Jedoch ist deine Source nicht wirklich validate.
Am besten noch ein wenig recherchieren.

Kann dir momentan keinen nützlichen Link hierzu liefern.
Ich bevorzuge Bücher

Anzeige

- Anzeige -

Clarity · 24.08.11, 23:43

Danke für die schnelle Antwort, overflow.

Aber was genau war das Problem, wieso war das offensichtlich?

Habe jetzt deine Änderung übernommen. Nur habe ich leider immer noch einen Leerraum. Nämlich zwischen den divs mainframe und content_body.
Foto habe ich mal angehängt.

Wegen der Validität: hatte den eigentlich mal durch den W3C - Validator durchlaufen lassen und der gab mir grünes Licht. Werde ich aber dann nochmal testen.

LG

Foto: http://www.bilder-upload.eu/show.php...1314222483.png

beavisbee · 25.08.11, 18:28

habe gerade keine Zeit zum Testen, daher ein Tipp, ohne jetzt deinen Code selbst irgendwo abzuspeichern und durchzuprobieren:
lade dir mal das FireFox-AddOn "FireBug" (bevor es zu Browser-Flamewars kommt: Safari hat glaub ich auch irgendwelche Developer-Tools und Opera sicherlich auch...)

Dann schaust du dir deine Seite an, öffnest den FireBug und spielst live an dem CSS rum...

Anzeige

- Anzeige -

24.08.11, 18:49	#1 (permalink)
Clarity Registriert seit: 24.06.11 Likes: 3	Wrapper zu lang Anzeige Hi Community, ich bins nochmal. Ich habe mal eine Frage. Ich habe eine einfache HTML - Seite, die mit validem HTML und CSS umgesetzt ist. Im folgendem Screenshot ist ein blauer Bereich zu sehen. Dies ist ein div-Element, welches Content enthält. Ist also in der Höhe flexibel. Problem ist folgendes: Unterhalb des blauen Feldes ist viel Leerraum und ich weiß nicht warum. Es sollte dort auch keiner sein. Eigentlich sollte dort der Viewport des Browsers anfangen. Tut er aber nicht. Hat jemand bitte eine Idee, wie ich das hinbekomme? Meine Vermutung liegt darin, dass es irgendeine Regel mit relativ positionierten Elementen ist, gegen die ich verstoße. Bitte um Hilfe, da ich es einfach nicht hinbekomme. Die html: nopaste.info - free nopaste script and service Das Css: nopaste.info - free nopaste script and service

24.08.11, 20:40	#2 (permalink)
overflow Registriert seit: 17.01.04 Likes: 17	Das Problem ist auf Anhieb ersichtlich. Es liegt an deinem Menü (Punkt 1-3)! Sollte dein Problem lösen: HTML-Code: div#menu { position: relative; bottom: 580px; width: 220px; float: right; } Jedoch ist deine Source nicht wirklich validate. Am besten noch ein wenig recherchieren. Kann dir momentan keinen nützlichen Link hierzu liefern. Ich bevorzuge Bücher Clarity likes this. __________________ Hackerboard.de - [HaBo] ist bei Facebook.

24.08.11, 23:43	#3 (permalink)
Clarity Themenstarter Registriert seit: 24.06.11 Likes: 3	Danke für die schnelle Antwort, overflow. Aber was genau war das Problem, wieso war das offensichtlich? Habe jetzt deine Änderung übernommen. Nur habe ich leider immer noch einen Leerraum. Nämlich zwischen den divs mainframe und content_body. Foto habe ich mal angehängt. Wegen der Validität: hatte den eigentlich mal durch den W3C - Validator durchlaufen lassen und der gab mir grünes Licht. Werde ich aber dann nochmal testen. LG Foto: http://www.bilder-upload.eu/show.php...1314222483.png Geändert von Clarity (24.08.11 um 23:46 Uhr)

25.08.11, 18:28	#4 (permalink)
beavisbee Member of Honour Registriert seit: 22.02.07 Likes: 77	habe gerade keine Zeit zum Testen, daher ein Tipp, ohne jetzt deinen Code selbst irgendwo abzuspeichern und durchzuprobieren: lade dir mal das FireFox-AddOn "FireBug" (bevor es zu Browser-Flamewars kommt: Safari hat glaub ich auch irgendwelche Developer-Tools und Opera sicherlich auch...) Dann schaust du dir deine Seite an, öffnest den FireBug und spielst live an dem CSS rum... Clarity likes this.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

[HaBo]

Wrapper zu lang