Gå til innhold

Midtstilling av nettside


Anbefalte innlegg

Hei!

 

Har et spørsmål ang midtstilling av nettsider. Holder på med å lære meg design (html). Prøver designe en side tilsvarende denne: http://lovesocial.org/. Men sliter med at alt legges automatisk til venstre. Mens jeg vil gjerne ha siden slik at alt er midtstilt. Dvs at bilder/ tekst er i midten enten man ser siden via PC/ ipad/ iphone. Har til en viss grad klart det ved å midtstille en tabell, for så å putte all tekst osv inne i denne. Men da mister jeg div design som f.eks den sorte voksen som strekker seg over hele nettsiden, og som følger med om man zoomer. Noen som kan hjelpe?

Lenke til kommentar
Videoannonse
Annonse
<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
html, body {
	margin:0;
	padding:0;
	background:#e7e7e7;
}
section {
	margin:0 auto;
	padding:25px;
	width:800px;
	background:#fff;
}
.boks { width:100%; }
.boks, .boks section { background:#222; }
</style>
</head>
<body>
	<section>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
	</section>
	<div class="boks">
		<section>
			<p>Her kommer det innhold</p>
			<p>Her kommer det innhold</p>
			<p>Her kommer det innhold</p>
			<p>Her kommer det innhold</p>
			<p>Her kommer det innhold</p>
		</section>
	</div>
	<section>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
	</section>
</body>
</html>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...