Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Kaip sucentruoti?

Parašė Use Google· 2010 Rugp. 9 15:08:12
#1

Sveiki. Taigi, koduoju si dizaina:


Bet man neiseina padaryti, kad jis visas butu centre. Stai index.html ir styles.css failai:

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Svetaine.lt</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="page">

<div id="header"></div>

<div id="468x60">
<IMG SRC="images/468x60.png">
</div>

<div id="meniu"></div>

<div id="planai"></div>

<div id="naujienos"></div>

<div id="120x60"></div>

</div>

</body>

</html>





styles.css
body {
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 11px;
   background-image: url(images/bg.png);
   background-repeat: repeat-x;
   background-color: black;
}

#page { margin:0px auto; }

#header {
   float: left;
   width: 257px;
   height: 60px;
   background-image: url(images/header.png);
   background-repeat: no-repeat;
}

#468x60 {
   float: right;
   width: 468px;
   height: 60px;
}




Swizz'as siule daryti su margin:0px auto;, bet kaip matot nieko nesigavo.

Stai paveiksliukas, kaip viskas dabar atrodo:





Kas cia blogai ir kaip padaryti, kad centruotu visa dizaina? Nes esu naujokas, pirma dizaina koduoju, tai nelabai ka ir nusimanau dar...

P.S Jei dar kas nesupratot, tai koduoju ant HTML

Redagavo Use Google· 2010 Rugp. 9 15:08:32

Parašė se7en-· 2010 Rugp. 9 15:08:33
#2

styles.css faile sukur # svetaine {
width: PLOTIS DIZAINOpx;
margin-left: auto;
margin-right: auto;
}

ir žinoma index.html faile <div id="svetaine">ŠIA VISA SVETAINĖ</div>

Parašė Use Google· 2010 Rugp. 9 15:08:40
#3

Vat, labai aciu! :)

Parašė Noyz· 2010 Rugp. 9 15:08:24
#4

Biškį ot, bet. Gal šituo dizainu pasidalinsi? :D