---
title: "centrera en websida?!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/170283-centrera-en-websida"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MrTrash"
published: "2008-03-27T19:51:19.000Z"
updated: "2008-03-28T13:13:32.000Z"
replies: 3
views: 503
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/170283-centrera-en-websida"
---

# centrera en websida?!

## #1 — MrTrash, 2008-03-27T19:51Z

Hejsan!

ett mindre problem för den kuniga men som amatör kliar jag mig i huvudet..

sidan heter <https://www.wreck48.com> och en sida jag bygger åt några vänner..

första sidan är centrerad, men andra sidan är inte det.. där för att jag inte fick "GIGs" "THE BAND" m.m centreat tillsammans med bilden bakom..

alltså sidan ska se ut som den gör men i mitten om den första och med länkarna också i mitten ..*hela tiden* 

tack på förhand.. och hoppas ni förstår!?

Permalänk: https://www.webforum.nu/p/170283

## #2 — sifix, 2008-03-28T08:28Z

Detta kanske kan funka

Också amatör på det här men du kan ju testa nåt sånt här.

```
 
#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 700px;
     height: 400px;
     margin-top: -200px; /* half of the height */
     margin-left: -350px; /* half of the width */
     border: 1px solid #000;
     }
```

Läs mer [här](http://tutorials.alsacreations.com/centrer/)

Permalänk: https://www.webforum.nu/p/2094176

## #3 — headbug, 2008-03-28T12:59Z

Varör använder du frames över huvud taget? Du använder ju inte dom till något?

Jag skulle skapa en \<div id="wrap"\> med samma storlek som din önskade bakgrundsbild. Den centrerar och fixar man lätt med **margin: 0 auto; background-image: URL(yadayada) no-repeat; position: relative;width: 1024px;height: 768px;** . 

Sedan skulle jag placera dina länkar absolut inuti diven. Eftersom vi satte position: relative på "wrap" så hamnar dom snyggt på rätt ställe hela tiden. Använd **position: absolute;** och tex top, left, right eller bottom som du vill för att dom ska hamna rätt.

Strunta helt i din onödiga frame (frames är ett otyg!)

Lycka till!

Permalänk: https://www.webforum.nu/p/2094221

## #4 — Danne V, 2008-03-28T13:13Z

Kikade lite på din sida, och måste nog vara lite "taskig". Hoppas du tar det som konstruktiv kritik...

1\. Varför har du två entré-sidor? Det räcker gott med att användaren hamnar direkt på det som du kallar din "andra" sida.

2\. Varför har du krånglat till det med ett frameset? Gör vanliga sidor. Framesets är motiverade i en del extremt sällsynta fall, och som jag ser det så är din sajt inte ett sånt. Läs: <http://apptools.com/rants/framesevil.php>

3\. Varför har du ingångssidan under wreck48.com, men sedan resten av filerna under annan domän (trashcantv.com)?

Börja med att fixa till de sakerna. Sedan kan du läsa lite på t.ex. webdesignskolan.com (som typiskt nog är byggd med frames - obegripligt!) där du kan lära dig grunder och få ganska bra tips.

Beträffande konkret svar på din fråga: i filen "wreck48_start.html" har du formateringen i CSS nästan längst upp i koden. Det är med den som du kan ändra utseendet. Men ta bort den från själva sidan och klistra in den i en separat fil som du länkar till istället, så kan du enkelt använda den för fler sidor. Läs om CSS och hur man jobbar på webdesignskolan.

Förresten: Du använder transparenta png-bilder som knappar. Transparensen fungerar inte i IE 6 (tror jag det var). Du måste fixa detta genom att t.ex. lägga in en länk till ett skript. Ta bifogade fil (sleight.js.zip), packa upp och lägg i samma folder som html-sidorna. Klistra in denna kod mellan \<head\> och\</head\>:

```
<script type="text/javascript" src="sleight.js"></script>
```

Red: Såg att headbug postade medan jag skrev.....

Bilagor:

- [sleight.js.zip](https://www.webforum.nu/a/17541.zip)

Permalänk: https://www.webforum.nu/p/2094224

---

Tråden på webben: https://www.webforum.nu/amne/html-css/170283-centrera-en-websida