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?

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>

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å
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...