PDA

Zobacz pełną wersję : Wyśrodkować szablon


kacper1212
29-04-2012, 12:12
Na dole plik index i style.css proszę powiedzieć gdzie są błedy odnośnie wyśrodkowania strony i co należy dodać aby wszystkie divy byly na środku Proszę o pomoc.
PLIK STYLE
body {
background: url(design/tlo.png);


font: 13px Georgia, "Times New Roman", Times, serif;}


#logo
{width:211px;
height:107px;
background:url(design/logo.png) ;
margin: 79px;
margin-top:-393px;}
#header
{
width:211px;
height:259px;
background:url(design/menu.png);
margin: 79px;
margin-top:-79px;
}
.nav { position: absolute; left: 384px; list-style-type: none }
.nav li { color:#000000; float: left; font-size: 24px; margin-right: 135px; margin-top:20px; }
.nav li a { color: red; text-decoration: none; }


#logo2
{width:650px;
height:102px;
background:url(design/logo2.png) ;
margin: 290px;
margin-top:33px}


#slider
{width:650px;
height:339px;
background:url(design/slidebar.png) ;
margin:290px;
margin-top:-344px}
#container { width:650px;
height:810px;
background:url(design/content.png);
margin: 290px ;
position: absolute;
top: 183px;}
#comment { width:650px;
height:85px;
background:url(design/komentarz.png);
margin: 290px ;
position: absolute;
top: 982px; }
#footer {width:650px;
height:339px;
background:url(design/stopka.png);
margin: 290px ;
position: absolute;
top: 1070px; }

PLIK INDEX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Moj pierwszy szablon</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<head>
<link rel="stylesheet" href="templates/<?php echo $this->template; ?>/style.css" type="text/css" />
<jdoc:include type="head" />
</head>


<body>
<div id="page">
<div id="logo2">
</div>
<div id="logo"> </div>


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

<jdoc:include type="modules" name="nav" />
</div>
<div id="slider"> </div>
<div class="clear"></div>


<div id="container"></div>
<div class="content">
<div id="comment"></div>
<div id="comment"></div>
PeFik
29-04-2012, 12:27
A wystarczyło zapytać Google -->

http://www.barczentewicz.com/centrowanie-layoutu-w-css/
http://riddle.jogger.pl/2006/04/19/wszystko-co-chcesz-wiedziec-o-centrowaniu-w-css/
kacper1212
29-04-2012, 17:05
chyba mam jakiś bład w kodzie bo nie caly szablon się ustawia na środku pomoże ktos?
mboy
30-04-2012, 06:47
A firebug dla firefox uzywałeś? Dlaczego nie poświęcisz kilku miniut na naukę CSS i tego narzędzia, to zaprocentuje nie tylko teraz, ale i za rok.
Czytałeś wpisy-linki, które podesłałem? Zmieniłeś kod? Może czas się wybrać na stacjonarny kurs tworzenia stron www, skoro z prostymi rzeczami masz problem.
kacper1212
30-04-2012, 23:08
firebuga używam tylko jest problem ponieważ mam tak biały blok i menu obok i centruje mi tylko ten biały blog a na środku musi być z menu wysle fotke http://screenshooter.net/9722928/hdekesb jak widac na zdj biały blok ze sliderem jest na srodku ale ja chce miec wyśrodowane z menu pomoze ktos