✔ Problem bei 3 Spalten-Design mit Div's

[Kalma]

Jau,

das war schonmal ein Fehler, aber wiederholen tut ers immer noch nicht *rolleyes*

 

[Maik]

Mit meinem vorhin korrigierten HTML-Quelltext funktioniert's einwandfrei.

Das DIV #clear befindet sich bei Dir nämlich im HTML-Code an der falschen Stelle - vergleiche hierzu einfach nochmal meinen gezeigten HTML-Quelltext.

Zudem fehlt in Deinem Dokument neben einer Dokumenttyp-Deklaration das schliessende </html>-Tag!

 

[Kalma]

Jau..


echt geile sache THX VERY MUCH^^

David

Ein Problem wäre da jedoch noch *räusper*

Im content teil steht bis jetzt nur noch überall content, content und so...
jedoch:
Dort ist auch links ein Abstand, jedoch weiterunten ist dieser Abstand auf einmal wech *staun*

Wie krieg ich das hin?
David

 

[Maik]

Wenn Du den CSS- und HTML-Code, den ich heute Vormittag (nicht umsonst) korrigiert und gepostet habe, 1:1 übernimmst, sind auch diese Probleme aus der Welt geräumt

 

[Kalma]

Hey,

habe jetzt deinen Code komplett übernommen. Stimmt, alles, bis auf, das der in den Menüs keinen Abstand macht

David

 

[Maik]

Ich weiß jetzt nicht, was Du da von meinem HTML-Code angeblich komplett übernommen hast

 

[Kalma]

Ja ok,
von dem HTML-Code vielleicht nix (^^), aber das CSS habe ich komplett übernommen, weil das sonst nicht so aussäh, wies aussehen soll:
dfmusik.de

mein CSS:

body {
	font-family:verdana,sans-serif;
	font-size:10px;
}

a {
	color:blue;
	text-decoration:none;
}
a:visited {
	color:blue;
	text-decoration:none;
}
a:hover {
	color:red;
	text-decoration:none;
}

#wrapper {
	width:800px;
	margin:0px auto;
	padding:0px;
	border:1px dashed;
	border-color:#000000;
}

#cont_wrapper {
	width:800px;
	margin:0px;
	padding:0px;
	background:url(images/background.gif) repeat-y 50% 0;
}

#header {
	background:url(images/header.jpg);
	width:800px;
	height:253px;
	margin:0px;
	padding:0px;
}

#leftmenu {
	width:15%;
	margin:0px;
	padding:0px;
	float:left;
}

#leftmenu p {
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin: 0;
}

#content {
	margin:0px 15%;
	padding:0px;
	padding-left:5px;
}

#content p {
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin: 0;
}

#rightmenu {
	width:15%;
	margin:0px;
	padding:0px;
	text-align:right;
	float:right;
}

#rightmenu p {
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin: 0;
}

#clear { /* stellt nach den floatenden Boxen wieder den normalen Textfluss im Dokument her */
 clear: both;
 margin: 0;
 padding: 0;
 height: 0;
 line-height: 0;
 font-size: 1px;
}

 

[Maik]

Wer lesen kann, ist klar im Vorteil

Wenn Du den CSS- und HTML-Code, den ich heute Vormittag (nicht umsonst) korrigiert und gepostet habe, 1:1 übernimmst, sind auch diese Probleme aus der Welt geräumt

Also kopiere bitte beide gezeigten Quellcodes komplett und nicht blos irgendwelche Code-Schnipsel daraus.

 

[Kalma]

Hey,


eine Frage hätte ich da noch, hab mir jetzt noch ein 3-Spalten-Layout "gecodet" (wie prollig das klingt ) aber, der richtet die mittlere Spalte nicht ganz oben aus.

Codes im Anhang...
Bild im Anhang

MfG
David

 

[Felix Kunsmann]

#content {
        margin:0px 15%;
        padding:0px;
        border-right:1px dashed;
        border-left:1px dashed;
        border-color:#000000;
        text-align: center;
}

Einfach der ID "Content" die Textausrichtung "Mitte" zuweisen