Log In
Home
September 16, 2002
Offline
Jag vet om jag lyckades få till rubriken rätt, men men.
Det här är min plan:
:bok:
Hemsidan är gjord i en bredd på 760px. Men jag vill att den ska centreras plus att "gränsen, kanten" eller vad man nu kallar det också flyttas.
Jag använder nämligen lager (div) som jag har position: absolute på. Och dom ligger ju fel beroende på upplösning om jag kör med procent och fasta pixlar.
Så jag vill ha fasta pixlar men från och med att sidan "börjar". Hur långt in till höger det blir, beror då på storleken på internet fönstret.
Jag vill alltså ha sidan centrerad ungefär som på http://www.newgrounds.com
Har jag ens lyckats förklara mitt problem? 😕
March 6, 2002
Offline
Går att göra på flera sätt om jag fattade frågan rätt.
Här visar ja två exempel. Padding i mitt exempel berör bara texten.
Själv föredrar jag det första exemplet.
<html>
<head>
<title></title>
<style type="text/css">
<!--
DIV
{
width:760px;
height:550px;
border:2px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:-380px;
margin-top:-275px;
padding-left:20px;
padding-top:100px;
}
-->
</style>
</head>
<body bgcolor=green>
<DIV>
Ändra width och height som du ska ha på din div. Du ändrar sedan värden för margin-left/margin-top enl. nedan.
Om din div är 760px bred och 600px hög så blir margin-värdena -380px respektive -300px.
Dvs hälften av divens mått, men negativa. Diven ligger då alltid i mitten oavsett upplösning.
Om du bara vill centrering åt ett håll så tror jag du kan räkna ut detta själv!
För att göra den osynlig så får man ha samma färg som bakgrunden och ingen border.
Har här Css:en i head-taggen, men det går förstås lika bra att länka denna som en extern Css-fil.
</DIV>
</body>
</html>
--------------------------------------------------------------------
Exempel 2
<html>
<head>
<title></title>
<style type="text/css">
<!--
DIV
{
width:96%;
height:96%;
border:2px solid black;
position:absolute;
margin-left:2%;
margin-top:2%;
margin-left:2%;
margin-top:2%;
padding-left:20px;
padding-top:100px;
}
-->
</style>
</head>
<body bgcolor=green>
<DIV>
Lite innehåll kanske
</DIV>
</body>
</html>
September 16, 2002
Offline
Tack Bosse. Men det var inte så jag menade. Jag förstod att jag förklarade dåligt.
Jag har...Hmm...En "vanlig" sida på grundnivån och sedan layers uppe på det. Och gör jag så, så blir det endast lagren som flyttas. Jag vill liksom att hela sidan ska flyttas. Jag vet inte ens om det är möjligt, men det är vad jag vill.
Blev förklaringen nå bättre? 😕
December 15, 2002
Offline
Kanske enklare om du ritar en liten skiss på hur du tänkt dig? Ska de bara centreras kan du väl lägga all kod inom
?
September 16, 2002
Offline
Nu har jag kanske kommit på ett sätt. (Som förmodligen var uppenbart för de flesta andra.)
Kan jag bygga hela sidan inom en centrerad
March 6, 2002
Offline
Kizo skrev följande:
Nu har jag kanske kommit på ett sätt. (Som förmodligen var uppenbart för de flesta andra.)
Kan jag bygga hela sidan inom en centrerad
Det var naturligtvis så jag menade med mina exempel ja.
Se mitt sista exempel
<body bgcolor=green>
<DIV>
Lite innehåll kanske
</DIV>
</body>
Inne i diven kan man lägga in vad som helst, nya divar, tabeller, text, bilder mm. mm.
December 15, 2002
Offline
Kizo wrote: Nu har jag kanske kommit på ett sätt. (Som förmodligen var uppenbart för de flesta andra.)
Kan jag bygga hela sidan inom en centrerad
tag?
hmmm...var de inte nån som föreslog just de tidigare 
1 Guest(s)
