✔ zeilenverschiebung bei DIV's

[napsi]

Hallo!

Habe folgendes Problem:

Ich habe einen Master DIV und darin befinden sich 3 weiter Div's, die nebeneinander angeordnet sein sollen.

Leider verscheibt er den Inhalt des 3. Div's in die letzte Zeile, warum?

#vorzurücklinks {
	margin-left:10px;
	margin-right:5px;
	border: 1px;
    height: 20px;     
    /*margin-left: 667px !important;*/ /* Für moderne Browser */
    /*margin-left: 664px; *//* Für IE */
  	font-style:normal;
    position: relative;
	width:430px;
}

#zurück {
height:15px;
width: 50px;
float:left;
border: 1px;
border-color:#0066FF;
}

#vor {
height:15px;
/*width:50px;*/
/*float:right;*/
border: 1px;
border-color:#0066FF;
/*position:absolute;*/
margin-left: 500px; 
margin-top:0px;
}

#conti {
margin-left: 55px;
/*margin-right: 80px;*/
height:15px;
float:none;
border: 1px;
border-color:#0066FF;
width:440px;
position:relative;
}

	<div id="vorzurücklinks">
	<div id="zurück">zurück</div>
	<div id="conti">Dieser tetsdfasdf sdf asd fas dfkla sdfjasn fnasdjk lsd gfasd kbga kbgsdf bsd fka sog sdfg afga sdfg adfg asdf</div>
	<div id="vor">vor</div>
	</div>

Bitte um Hilfe

Lg. Napsi

 

[Maik]

Hi,

versuch es mal mit diesem Stylesheet:

#vorzurücklinks {
margin-left:10px;
margin-right:5px;
border: 1px;
height: 20px;
font-style:normal;
position: relative;
width:430px;
}

#zurück {
height:15px;
width: 50px;
float:left;
border: 1px;
border-color:#0066FF;
}

#vor {
height:15px;
width:50px;
float:right;
border: 1px;
border-color:#0066FF;
margin-top:0px;
}

#conti {
margin-left: 55px;
margin-right: 55px;
height:15px;
border: 1px;
border-color:#0066FF;
position:relative;
}

und notiere die "Spalten"-DIVs in dieser Reihenfolge:

<div id="vorzurücklinks">
     <div id="zurück">zurück</div>
     <div id="vor">vor</div>
     <div id="conti">Dieser tetsdfasdf sdf asd fas dfkla sdfjasn fnasdjk lsd gfasd kbga kbgsdf bsd fka sog sdfg afga sdfg adfg asdf</div>
</div>

 

[napsi]

Danke schön, passt jetzt.

 

[Maik]

Du solltest noch die Rahmeneinstellungen vervollständigen, damit sie von den Browsern dargestellt werden, denn derzeit fehlt jeweils die Angabe zum Rahmentyp border-style.

Vereinfacht hiesse das dann:

border: 1px solid #0066ff;

 

[napsi]

Nicht notwendig, es wird gar kein Rahmen angezeigt, ich hatte ihn nur zwecks optischem Test.

lg.

Napsi

 

[Maik]

Auch gut - dann würde ich diese Angaben wieder aus dem Stylesheet herausnehmen

 

[napsi]

Habe ich eh gemacht, soweit bin ich css fit, habe anscheinend nur ein Problem mit der Reihenfolge und einen riesen Saustall im css gehabt.

lg.

Napsi