Forum Mjukvara Programmering och digitalt skapande Tråd

Centrera innehållet på sidan

1
Skriv svar
Permalänk
Medlem
●

Centrera innehållet på sidan

Hej.
Jag kan lite html, men har inte byggt hemsida på 10 år
jag vill centrera hemsidan i webläsaren för att det ska se snyggt i höga upplösningar.

exempel
http://tv.adobe.com/

sist jag gjorde detta så la jag frames, typ cols="*,800,*"

men jag antar att det går att göra det på ett modernare sätt nuförtiden..

nån som vet jag menar?

Redigera
Citera flera Citera
Permalänk
Medlem
●

En vanlig lösning på detta är att man gör en container (oftast en div) runt allt innehåll på din sida. Denna sätter man sedan en fast bredd på med hjälp av CSS och sedan sätter man sidomarginalerna till auto. Dock tror jag att detta exempel är lite kinkigt i IE6 om man inte har rätt doctype, men någon annan får gärna fylla på lite mer info här. Det går hur som helst till såhär:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Min centrerade sida!</title>
</head>
<body>
	<div id="wrap">
		<h1>Detta är centrerat</h1>
	</div>
</body>
</html>

CSS:

#wrap { width: 600px; margin: 0 auto; }
Redigera
Citera flera Citera
Permalänk
Medlem
●

jo det funkade, kan man på något sätt få mittendelen att heta typ content.html så att jag kan fortsätta bygga hemsidan som vanligt.

anta att jag vill ha typ grått vid sidorna och en blå hemsida i mitten, eller nått..
jag vill mao inte bygga hela hemsidan i indexfilen.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Vet inte riktigt hur du menar men det vanligaste är att man skapar sin design inuti wrappern med flera divar som t.ex header, content columner och footer etc. wrappern håller bara ihop designen och placerar den där man vill ha den.

Sen finns det iframes osv men är ganska ny själv inom hemsidor så låter nån annan förklara

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det finns en bra artikel om detta som cic har skrivit.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag brukar göra på samma sätt som Wishie sa, med margin:0 auto;

Exempel

[HTML]

Citat:

<body>
<div id="outer_wrapper">
<div id="header"></div>
<div id="container"></div>
<div id="footer"></div>
</div>
</body>

[CSS]

Citat:

#outer_wrapper{
border:1px solid #000; /* För att se placeringen på innehållet under utvecklingen */
margin:0 auto;
}

Hoppas du förstår hur jag menar. Fyllde bara i nödvändiga taggar, hoppas jag, så du får ju anpassa det lite sen till dig.

EDIT: missade lite det du skrev i slutet. Det du kan göra är att använda dig av att inkludera filer i en viss div. http://susnet.se/homWebPHP1.html. På det sättet kan du ha innehållet i divarna i separata filer. Kanske det du söker?

Visa signatur

//Andreas Olsson

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tack för hjälpen med div-taggarna
kolla nu i min iframes tråd och hjälp till där

Senast redigerat
Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara