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