bygga med flera divar + radbyte i en

3 svar · 653 visningar · startad av Biasse 21 jan. 2010

BiasseMedlem sedan aug. 2003480 inlägg

Frågan21 jan. 2010 14:44#1

Jag vill ha 5st divar i rad och om jag gör ett radbyte i en så får jag dubbla höjden på den. Hur skapar man divar i rad som inte ändrar höjden i en bara för att man gör ett radbyte? Vill bara bestämma höjden på divarna och ändå kunna skriva på fler rader i 2 av dom.

<html>
<head>
<style>
div#test
{
	color: #555555;
	font: 10px verdana;
	line-height: 25px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight : normal;
	float: left;
}
</style>
</head>

<body>

<div id="test" style="width: 100px">text</div>
<div id="test" style="width: 100px">text<br>text</div>
<div id="test" style="width: 100px">text</div>
<div id="test" style="width: 100px">text</div>
<div id="test" style="width: 100px">text</div>
<div style="clear: both;"></div>

</body>
</html>

voigtann1Medlem sedan juni 20019 519 inlägg

21 jan. 2010 14:47#2

sätt en bestämd höjd på dom och kör en overflow hidden, eller overflow: auto om du nu vill ha en scroll i dom. Sen bör du nog kolla över din HTML struktur, ett ID är unikt, byt ut det till en klass.

BiasseMedlem sedan aug. 2003480 inlägg

21 jan. 2010 15:36#3

Fick det att se rätt ut så här. Är det galet att använda det?

<html>
<head>
<style>
div#test
{
	border: #000000 1px solid;
	background-color: #ffffff;
	color: #555555;
	font: 9px verdana;
	height: 30px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight : normal;
	float: left;
}
</style>
</head>

<body>

<div id="test" style="width: 50px; line-height: 3em">text</div>
<div id="test" style="width: 400px">text<br>text</div>
<div id="test" style="width: 50px; line-height: 3em">text</div>
<div id="test" style="width: 50px; line-height: 3em">text</div>
<div id="test" style="width: 150px">text<br>text</div>
<div style="clear: both;"></div>

</body>
</html>

voigtann1Medlem sedan juni 20019 519 inlägg

21 jan. 2010 15:38#4

Ja, det är galet att använda inline-style anser jag, ge dig en massa extra jobb i framtiden och ett id ÄR unikt.