Kom ihåg mig?
Home Menu

Menu


Centrering med CSS?

 
Ämnesverktyg Visningsalternativ
Oläst 2008-02-04, 20:19 #1
Dundret Dundret är inte uppkopplad
Nykomling
 
Reg.datum: Jan 2008
Inlägg: 17
Dundret Dundret är inte uppkopplad
Nykomling
 
Reg.datum: Jan 2008
Inlägg: 17
Hej,
Håller på och knåpar med en ny hemsida, och jag tänkte samtidigt prova något nytt, bygga den av css istället för tables.

Men nu har jag fastnat lite på hur jag får sidan centrerad, oavsett vad besökarna har för upplösning på sina skärmar.
Har suttit och sökt och testat mig fram men jag får inte till det riktigt, så en liten knuff framåt skulle vara väldigt tacksamt, nu innan man blir alldeles för gråhårig :P


Lite kod jag kan bjuda på:

CSS -filen

Kod:
#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:800px;
	
}

#index-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:126px;
	height:50px;
}

#index-02_ {
	position:absolute;
	left:126px;
	top:0px;
	width:243px;
	height:50px;
}

#index-03_ {
	position:absolute;
	left:369px;
	top:0px;
	width:268px;
	height:50px;
}

#index-04_ {
	position:absolute;
	left:637px;
	top:0px;
	width:197px;
	height:50px;
}

#index-05_ {
	position:absolute;
	left:834px;
	top:0px;
	width:166px;
	height:17px;
}

#index-06_ {
	position:absolute;
	left:834px;
	top:17px;
	width:137px;
	height:33px;
}

#index-07_ {
	position:absolute;
	left:971px;
	top:17px;
	width:29px;
	height:33px;
}

#index-08_ {
	position:absolute;
	left:0px;
	top:50px;
	width:1000px;
	height:58px;
}

#index-09_ {
	position:absolute;
	left:0px;
	top:108px;
	width:1000px;
	height:66px;
}

#index-10_ {
	position:absolute;
	left:0px;
	top:174px;
	width:1000px;
	height:61px;
}

#index-11_ {
	position:absolute;
	left:0px;
	top:235px;
	width:24px;
	height:31px;
}

#index-12_ {
	position:absolute;
	left:24px;
	top:235px;
	width:951px;
	height:31px;
}

#index-13_ {
	position:absolute;
	left:975px;
	top:235px;
	width:25px;
	height:31px;
}

#index-14_ {
	position:absolute;
	left:0px;
	top:266px;
	width:58px;
	height:534px;
}

#index-15_ {
	position:absolute;
	left:58px;
	top:266px;
	width:890px;
	height:14px;
}

#index-16_ {
	position:absolute;
	left:948px;
	top:266px;
	width:52px;
	height:534px;
}

#content_ {
	position:absolute;
	left:58px;
	top:280px;
	width:890px;
	height:489px;
}

#index-18_ {
	position:absolute;
	left:58px;
	top:769px;
	width:890px;
	height:31px;
}


HTML -filen

Kod:
<div id="Table_01">
	<div id="index-01_">
 <img id="index_01" src="images/index_01.jpg" width="126" height="50" alt="" />
	</div>
	<div id="index-02_">
 <img id="index_02" src="images/index_02.jpg" width="243" height="50" alt="" />
	</div>
	<div id="index-03_">
 <img id="index_03" src="images/index_03.jpg" width="268" height="50" alt="" />
	</div>
	<div id="index-04_">
 <img id="index_04" src="images/index_04.jpg" width="197" height="50" alt="" />
	</div>
	<div id="index-05_">
 <img id="index_05" src="images/index_05.jpg" width="166" height="17" alt="" />
	</div>
	<div id="index-06_">

	</div>
	<div id="index-07_">
 <img id="index_07" src="images/index_07.jpg" width="29" height="33" alt="" />
	</div>
	<div id="index-08_">
 <img id="index_08" src="images/index_08.jpg" width="1000" height="58" alt="" />
	</div>
	<div id="index-09_">
 <img id="index_09" src="images/index_09.jpg" width="1000" height="66" alt="" />
	</div> 
osv..
osv..
Dundret är inte uppkopplad   Svara med citatSvara med citat
 


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 15:15.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017