[dermoon]

Hi,
Ich habe folgendes Problem:

ich habe 4 <div> elemente auf meiner Seite drei davon sollen sich optisch überschneien.
Sie sollen wirken aus währen sie 2 balken für die naigation, die sich überschneiden.


in etwa so:
|
-------
|
|
|

das letzte div element soll die texte bilder und so weiter darstellen:


|
-------------------
|
| -------------
| | |
| | |
| | |
| | |
| | |
| -------------

so weit habe ich das ganze auch ohne probleme hinbekommen.
ihr könnt euch das hier mal anschauen:

html:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

css:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Und jetzt das problem an dem ich verzweifle:

Ich möchte die Startseite so einrichten, dass das geamte broserfenter ausgefüllt wird ohne scrollbars.
die linke vertikale spalte soll dabei bis an den unteren rand gehen.
am besten sollte die horizontale navigantionspalte absolut (also in px) angegeben werden.
Wenn ich der Div Box 1 10%, der div box 2 5% und der div box 3 85% geben würde dann sollte das doch eigendlich klappen. Leider tut es das nicht und außerdem hätte ich so die div box 2 auch relativ obwohl ich sie lieber absolut hätte (z.B.: 20px)

ich hoffe ihr versteht was ich meine.

[helicon44]

Probier das mal so, und schreibe mal ob es Funktioniert hat.
Das sollte zumindest das Ausrichtungsproblem klären, die Angaben würde ich trotzdem Relativ machen und nicht Absolut. Weil sonst bekommst ja wieder Probleme mit deinem Scrollbalken.

#navbtns {
	height: 5%;
	width: auto;
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
}
#navverti {
	height: 10%;
	width: 20%;
	margin-left: 4%;
	background:#666666;
	float: left;
	min-height: 85%;
	height:80% !important;
	height:80%;
	overflow: hidden !important;

}

#navverti2 {
	height: 10%;
	width: 20%;
	margin-left: 4%;
	background:#666666

}
#inhalt {
	
	height: 50%;
	width: 65.5%;
	background:#fff;
	float: right;
	margin: 5%;
}

* {
margin:0;
padding:0;
}

html, body { 
margin: 0;
padding: 0;
height: 100%; 
}

[dermoon]

ich hab das ganze jetzt gelöst. ich hatte nur die werte falsch eingetragen.

das mit der horizontalen menuleiste habe ich gelöst indem ich einfach für das horizontale div eine grafik verwendet habe und den rest dem hintergrund angepasst habe, sodass jetzt alles funtioniert.

leider habe ich jetzt das nächste mit schatten um die weiße div box für den inhalt.

vielen dank