css layout hjelp

AEN · 24. desember 2009

jeg sliter med å posisjonere div boxer på den måten jeg vil.

finnes det ikke en absolutt posisjonering som er relativ til parent element og ikke body, eller hjørnet av skjermen??

Absolute Positioning

An absolute position element is positioned relative to the first parent element that has a position other than static. If no such element is found, the containing block is <html>:

skjønner ikke dette... static?

feks om jeg har en wrapper som wrapper hele greia som er sentrert i midthen av skjermen vha margin:0px auto;

så vil jeg være i stand til å putte boxer akkurat hvor jeg vil relativ til den, og ikke html eller body osv.. til nå har jeg brukt float:left men det blir så begrenset på hva jeg får til.. jeg brukte tabeller før og da kunne jeg gjøre hva jeg ville, nå blir jeg bare frustrert..

AEN · 24. desember 2009

for eksempel noe slikt:

http://www.xgs-gaming.com/templates/TLT/files/layout.jpg

masb · 25. desember 2009

dette skal ikke være noe problem tror jeg. htmlen blir som følger tror jeg, med noen forbehold. så nå er det i grunn bare å sette bredder og høyder på alle divene slik at de blir slik du vil ha de. ganske basic matte. dessuten blir du nødt til å bruke floats og clears innimellom. bare å spørre hvis du lurer på noe mer


<!DOCTYPE html>

<html>
<head>
	<title>Title</title>
	<link rel="stylesheet" type="text/css" href="#">
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<p>Innhold</p>
		</div>

		<div id="menu">
			<p>Innholfz</p>
		</div>

		<div id="sidebarleft">
			<p>Innhold</p>
		</div>

		<div id="mainContent">
			<div id="mainTop">
				<div id="mainLeftTop">
					<p>innhold</p>
				</div>

				<div id="mainRightTop">
					<p>Innhold</p>
				</div>
			</div>

			<div id="middle">
				<p>Innhold</p>
			</div>

			<div id="main">
				<p>Lots of innhold</p>
			</div>
		</div>

		<div id="sidebarRight1">
			<p>Innhold</p>
		</div>

		<div id="sidebarRight2">
			<p>Innhold</p>
		</div>

		<div id="footer">
			<p>Innhold</p>
		</div>
	</div>
</body>
</html>

PHPdude · 25. desember 2009

For å bruke absolutt posisjonering i forhold til andre foreldre-elementer enn body/html, så kan du sette "position:relative;" på det elementet du ønsker å posisjonere i forhold til.

Merk også at absolutt posisjonering veldig sjeldent er noen god fremgangsmåte. Mest sannsynlig så bør du lese deg bedre opp på CSS generelt, så finner du nok en bedre løsning.

AEN · 25. desember 2009

takk for alle svar, jeg brukte bare 3 colonner med float:left; og clear:both; det funket takk takk

det ble noe slikt :

http://www.xgs-gaming.com/

Endret 25. desember 2009 av AEN

Logg inn

css layout hjelp

Anbefalte innlegg

AEN

Lenke til kommentar

Videoannonse

AEN

Lenke til kommentar

masb

Lenke til kommentar

PHPdude

Lenke til kommentar

AEN

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer