2 Reihen (Menü und Inhalt)

[Eli-]

Hi, ich bins nochmal^^

wie bekomme ich das so hin wie hier:
http://www.nephrolab.org/research/

Das so links ne Reihe ist, und rechts auch. Links das Menü, rechts der Inhalt.
Ich verstehe einfach nicht, wie die das gemacht haben.

Danke schon mal

LG
Dennis

 

[hela]

... wie bekomme ich das so hin wie hier ...

Sieh mal hier: 2-Spalten-Layout

 

[Eli-]

Hi, danke
habe das hier benutzt
http://fwpf-webdesign.de/files/upload/02_2-spalter_header+footer.htm#
(halt ohne header und Footer).

Ein Problem habe ich jetzt noch damit:

Wenn ich im Content-Bereich den Inhalt mit padding-top verschieben möchte (oder ein <br> ganz nach oben im Content-Bereich setze), dann verschiebt sich die Sidebar nach oben.
Die Screens sind vom Firefox. alle anderen Browser verhalten sich zwar genauso, aber die Sidebar ist um einige pixel nach unten verschoben, was auch blöd ist.
Weiss einer, woran das liegen kann?

Mein CSS:

#wrap {
	margin-left: 10%;
	margin-right:30%;
	margin-top: 8px;
}
 
#sidebar {
	background-image: url('../Bilder/Seite-head-menu.png');
	background-repeat: repeat-x;
	background-color: #eee;
	width: 10em;
	float:left;
	height: 700px;
	overflow: hidden;
	padding-left: 2%;
	padding-right: 2%;
	-moz-box-shadow: 0px 0px 40px -10px #333;
	-webkit-box-shadow:  0px 0px 40px -10px #333;
	box-shadow: 0px 0px 40px -10px #333;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
 
#content {
	padding-left: 240px;
	padding-right: 20px;
	text-align: justify;
	color: #fff;
	font-family: "Arial";
	font-weight: bold;
	min-width: 600px;
}

(Für den IE ist es leicht abgeändert, aber im Prinzip genauso).


Danke schon mal

LG