hvorfor kommer ikke disse fire boksene på linje?

steinark · 7. september 2006

hva er det jeg gjør eller tenker feil?

i mitt hode skal alle fire boksene ligge på samme linje :wallbash:

slik ser det ut i opera 9:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
	div.container {
		width:800px;
		border:2px solid red;
	}

	div.header,div.footer {
		outline: green dotted 2px;
		width:800px;
		clear:left;
		overflow: hidden;
	}

	div.sidebar {
		outline: green dashed 2px;
		float:left;
		width:173px;
		margin:15px 0 5px 20px;
		text-align: left;
	}

	div.content {
		margin:0 15px 0 195px;
	}

	div#link{
		padding: 5px 10px;
	}
	div#link div{
		outline: blue solid 2px;
		position:relative;
		width:175px;
		float:left;
		margin:10px;
	}
</style>
</head>
<body>
<div align='center'>
	<div class='container'>
		<div class='header'>
			header
		</div>
		<div class='sidebar'>
			sidebar
		</div>
		<div class='content'>
			<div id='link'>
				<div class='linkL'>
				linkL
				</div>
				<div class='linkM'>
				linkM
				</div>
				<div class='linkR'>
				linkR
				</div>

			</div>
		</div>
		<div class='footer'>
			footer
		</div>
	</div>
</div>
</body>
</html>

:wallbash:

Erik B. · 7. september 2006

Fordi link elementene er for stor til at alle får plass på en linje.

Prøv med denne i stedenfor:

div#link div{
outline: blue solid 2px;
position:relative;
width:120px;
float:left;
margin:10px;
}

Logg inn

hvorfor kommer ikke disse fire boksene på linje?

Anbefalte innlegg

steinark

Lenke til kommentar

Videoannonse

Erik B.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer