webForumDet fria alternativet

css, "center" med olika upplösningar.

HTML & CSS

4 svar · 241 visningar · startad av Lazerzubb

Medlem sedan mars 2000542 inlägg
Frågan#1

Sitter här och leker med Dreamweaver.
Jag har denna kod
Hur får jag så att den alltid är centrerad?
För den ser bra ut i 1024*768 men allt hamnar nere i högra hörnet när jag byter till 800*600.
Om du kan svaret kan du väll posta hela kdoen eftersom jag inte är van vid css :r

<div id="Layer1" style="position:absolute; left:159px; top:38px;
width:704px; height:435px; z-index:1;"> 
  <center><img src="logo3.jpg" width="200" height="50"></CENTER><br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
</div>
<div id="Layer2" style="position:absolute; left:550px; top:207px;
 width:318px; height:31px; z-index:2">
<img src="welcome.gif" width="247" height="18"></div>
<div id="Layer3" style="position:absolute; left:179px; top:122px; 
 width:350px; height:71px; z-index:3">
<img src="collg1.jpg" width="505" height="80"></div>
<div id="Layer4" style="position:absolute; left:171px; top:211px; 
width:352px; height:215px; z-index:4; background-color: #FFFFFF; 
layer-background-color: #FFFFFF; border: 1px none #000000">
Medlem sedan juni 2000310 inlägg
#2

du har satt ut positionen med pixlar, då ändras det ganska bra med olika skärmupplösningar.

Om du bara ska ha någonting i mitten av sidan föreslår jag att du använder dig av tables:

<TABLE height="100%" width="100%">
  <TR>
    <TD align="center" valign="middle">
       mitten...
    </TD>
  </TR>
</TABLE>
Medlem sedan mars 2000542 inlägg
#3

Jag vet att man kan göra det med tables, men det är så otroligt skönt att kunna flytta runt de olika "lagerna" var man vill.

Jag har fick detta tips
http://bluerobot.com/web/css/center1.html

Men hur gör jag sedan för att alla de olika "layers" ska komma på rätt plats?

Medlem sedan jan. 20016 874 inlägg
#4

Du kan ju ange positionen med % istället för px,

Medlem sedan mars 2000542 inlägg
#5

Testade, jag fick det inte och funka.

258 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)