✔ dreispalten

[roundaboutmedia]

Ich hab mal eine Frage,
wieso ist bei diesem

#Content {
	width: 950px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 140%;
	color: #000000;
	height: 200px;
}
#ContentL {
	float:left;
	width:300px;
	height:200px;
}
#ContentM {
	width:300px;
	margin-right: auto;
	margin-left: auto;
}
#ContentR {
	float:right;
	width:300px;
	height:200px;
}

dreispalten Layout der Text in der rechten Box nach unten verschoben, nicht viel aber nicht in der Höhe wie die anderen Texte?

 

[Maik]

Hi,

wie lautet denn überhaupt der HTML-Code der Seite?

Falls du die Spalten in dieser Reihenfolge notiert hast:

<div id="Content">
     <div id="ContentL">contentL</div>
     <div id="ContentM">contentM</div>
     <div id="ContentR">contentR</div>
</div>

ändere einfach die Reihenfolge, denn zuerst werden immer die zu umfliessenden Elemente genannt:

<div id="Content">
     <div id="ContentL">contentL</div>
     <div id="ContentR">contentR</div>
     <div id="ContentM">contentM</div>
</div>

 

[roundaboutmedia]

Danke, hat funktioniert!
ich hab noch eine andere Frage, und zwar, geht es das sich das DIV an das B-Fenster anpasst und nicht an den Inhalt?, weil ich will eine Seite machen,
die sich vergrößert wenn das Fenster größer wird aber nicht wenn der Inhalt mehr wird.
Wenn der Inhalt mehr wird soll ein Scrollbalken in diesem DIV erscheinen.
über einen Lösungsvorschlag oder Wegbereitung wär ich sehr dankbar.
mfg stefan

 

[Maik]

Ich weiss zwar nicht, welches DIV du jetzt konkret meinst, aber wenn sich das vorgestellte Layout der Browserfenstergröße anpassen soll, musst du eben die fixen Breitenangaben des DIVs #Content und #ContentM entfernen.

Für den zweiten Wunsch mit dem Scrollbalken dürfte dir das CSS-Tutorial Tabellenloses Basislayout mit fixierten und separat scrollbaren Blöcken weiterhelfen.

 

[roundaboutmedia]

Danke, hätte ich auch selber darauf kommen können, war bischen auf dem logischendenken schlauch gestanden.

nochmals Danke.
mfg stefan