Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Wyśrodkowanie strony zrobionej na DIV-ach
Forum PHP.pl > Forum > Przedszkole
juszko
29.06.2011, 13:27:32
Witam
Mam problem z wyśrodkowaniem strony zrobionej na divach. Jest to moja pierwsza strona zbudowana w oparciu o divy. Próbowałem ustawiąc marginesy oraz position relative ale nic nie zmienilo.

Kod stylów:
[HTML] pobierz, plaintext 
  1. body{
  2.        background: #FFFFFF url(gfx/tlo.png) no-repeat top;
  3.        font-family: Verdana, Arial, Helvetica, sans-serif;
  4.        font-size: 11px;
  5.        text-decoration: none;
  6.        margin: 0 auto;
  7.       }
  8.  a:link, a:visited {
  9.        text-decoration: none;
  10.        font-weight: normal;
  11.        outline:none;
  12.        }    
  13.  #all{
  14.        width: 1100px;
  15.        margin:0 auto;
  16.        }
  17.  #contenerleft{
  18.        top: 0px;
  19.        left: 0px;
  20.        width: 847px;
  21.        float: left;
  22.        margin:0px;
  23.        padding:0px;
  24.        }    
  25.  #contenerright{
  26.        top: 0px;
  27.        left: 0px;
  28.        width: 253px;
  29.        float: left;
  30.        margin:0px;
  31.        padding:0px;
  32.        }    
  33.  #menu {
  34.        top: 0px;
  35.        left: 0px;
  36.        float: left;
  37.        margin:0px;
  38.        padding:0px;
  39.  }
[HTML] pobierz, plaintext


Oraz index:
[PHP] pobierz, plaintext 
  1. <?php 
  2. $add_site = true; 
  3. ?>
  4.  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  5.  <html>
  6.  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  7.  <meta name="Keywords" content="Roboty budowlane" />
  8.  <meta name="Robots" content="all" />
  9.  <meta name="Description" content="Roboty budowlane" />
  10.  <meta http-equiv="Reply-to" content="artur@cdis-europrojekt.pl" />
  11.  <meta name="Author" content="Artur Juszko" />
  12.  <head>
  13.  <meta http-equiv="Generator" content="TigerII MiniPad (C)2001">
  14.     <title>BUDMEL - Firma ogólnobudowlana</title>
  15.  <link href="style.css" rel="stylesheet" type="text/css" />
  16.  </head>
  17.  <body>
  18.  
  19.  <div id="all">
  20.  <div id="top"><?php include "include/top.php"; ?></div>
  21.  <div id="contener">
  22.     <div id="contenerleft">
  23.       <div id="menu"><?php include "include/menu.php"; ?></div>
  24.       <div id="banner"><?php include "include/banner.php"; ?></div>
  25.       <div id="cont">
  26.       <?php
  27.         $go = $_GET['go'];
  28.         if(!empty($go)) {
  29.              if(is_file("page/$go.php")) include "page/$go.php";
  30.              else echo "<br />Przepraszamy, wybrana strona nie istnieje.";
  31.         }
  32.         else include "page/start.php";
  33.       ?>
  34.       </div>
  35.     </div>
  36.  
  37.    <div id="contenerright">&nbsp;</div>
  38.  </div>
  39.  <div id="bottom"><?php include "include/stopka.php"; ?></div>
  40.  </div>
  41.  
  42.  </body>
  43.  </html>
[PHP] pobierz, plaintext


Z góry dzięki i pozdrawiam
milons
29.06.2011, 13:42:01 
[HTML] pobierz, plaintext 
  1. body {
  2. 	text-align: center;
  3. }
  4. #all {
  5. 	text-align: left;
  6. }
[HTML] pobierz, plaintext


Nie wiem czy jest to sposób profesjonalny etc ale działa:)
biggrin.gif biggrin.gif
juszko
29.06.2011, 13:51:54
Domyślam się że działa podobnie jak i center w body smile.gif myślałem nad czymś bardziej profesjonalnym wink.gif

Ale dzięki i pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.