Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów › Technologie internetowe - tworzenie stron WWW › xHTML, CSS, JavaScript v
Wyśrodkowanie strony opartej na div`ach CSS

Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Tryb drzewa
Wyśrodkowanie strony opartej na div`ach CSS
latexxx Offline
Junior Member
**
Liczba postów: 1
Liczba wątków: 1
Dołączył: 26-08-2009
Reputacja: 0
#1
26-08-2009, 18:25 (Ten post był ostatnio modyfikowany: 26-08-2009, 20:01 przez Labsta.com.)
witam mam problem, wygenerowalem sobie css, z photoshopa gdyz nie jestem specjalistą od CSS, ale chciałbym ją teraz wyśodkować i nie mogę, oto kod pliku index/css:
Kod:
<!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>
<title>przedszkole</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<!-- ImageReady Styles (przedszkole.psd) -->
<style type="text/css">
<!--

#Table_01 {
    margin:0 auto;
    
    width:879px;
    height:595px;
}

#przedszkole-01_ {

    position:absolute;
    left:0px;
    top:0px;
    width:879px;
    height:58px;
}

#przedszkole-02_ {
    position:absolute;
    left:0px;
    top:58px;
    width:9px;
    height:429px;
}

#Onas_ {
    position:absolute;
    left:9px;
    top:58px;
    width:130px;
    height:99px;
}

#przedszkole-04_ {
    position:absolute;
    left:139px;
    top:58px;
    width:13px;
    height:110px;
}

#historia_ {
    position:absolute;
    left:152px;
    top:58px;
    width:131px;
    height:99px;
}

#przedszkole-06_ {
    position:absolute;
    left:283px;
    top:58px;
    width:11px;
    height:110px;
}

#aktualnosci_ {
    position:absolute;
    left:294px;
    top:58px;
    width:132px;
    height:99px;
}

#przedszkole-08_ {
    position:absolute;
    left:426px;
    top:58px;
    width:11px;
    height:110px;
}

#galeria_ {
    position:absolute;
    left:437px;
    top:58px;
    width:130px;
    height:99px;
}

#przedszkole-10_ {
    position:absolute;
    left:567px;
    top:58px;
    width:13px;
    height:110px;
}

#naszakadra_ {
    position:absolute;
    left:580px;
    top:58px;
    width:130px;
    height:99px;
}

#przedszkole-12_ {
    position:absolute;
    left:710px;
    top:58px;
    width:13px;
    height:110px;
}

#kontakty_ {
    position:absolute;
    left:723px;
    top:58px;
    width:131px;
    height:99px;
}

#przedszkole-14_ {
    position:absolute;
    left:854px;
    top:58px;
    width:25px;
    height:429px;
}

#przedszkole-15_ {
    position:absolute;
    left:9px;
    top:157px;
    width:130px;
    height:11px;
}

#przedszkole-16_ {
    position:absolute;
    left:152px;
    top:157px;
    width:131px;
    height:11px;
}

#przedszkole-17_ {
    position:absolute;
    left:294px;
    top:157px;
    width:132px;
    height:11px;
}

#przedszkole-18_ {
    position:absolute;
    left:437px;
    top:157px;
    width:130px;
    height:11px;
}

#przedszkole-19_ {
    position:absolute;
    left:580px;
    top:157px;
    width:130px;
    height:11px;
}

#przedszkole-20_ {
    position:absolute;
    left:723px;
    top:157px;
    width:131px;
    height:11px;
}

#foto_ {
    position:absolute;
    left:9px;
    top:168px;
    width:803px;
    height:319px;
}

#przedszkole-22_ {
    position:absolute;
    left:812px;
    top:168px;
    width:42px;
    height:14px;
}

#przedszkole-23_ {
    position:absolute;
    left:812px;
    top:182px;
    width:12px;
    height:305px;
}

#przedszkole-24_ {
    position:absolute;
    left:824px;
    top:182px;
    width:19px;
    height:19px;
}

#przedszkole-25_ {
    position:absolute;
    left:843px;
    top:182px;
    width:11px;
    height:305px;
}

#przedszkole-26_ {
    position:absolute;
    left:824px;
    top:201px;
    width:19px;
    height:11px;
}

#przedszkole-27_ {
    position:absolute;
    left:824px;
    top:212px;
    width:19px;
    height:19px;
}

#przedszkole-28_ {
    position:absolute;
    left:824px;
    top:231px;
    width:19px;
    height:11px;
}

#przedszkole-29_ {
    position:absolute;
    left:824px;
    top:242px;
    width:19px;
    height:17px;
}

#przedszkole-30_ {
    position:absolute;
    left:824px;
    top:259px;
    width:19px;
    height:228px;
}

#przedszkole-31_ {
    position:absolute;
    left:0px;
    top:487px;
    width:862px;
    height:85px;
}

#przedszkole-32_ {
    position:absolute;
    left:862px;
    top:487px;
    width:17px;
    height:108px;
}

#przedszkole-33_ {
    position:absolute;
    left:0px;
    top:572px;
    width:862px;
    height:23px;
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#3176b3;">
<!-- ImageReady Slices (przedszkole.psd) -->
<center>
<div id="Table_01">
    <div id="przedszkole-01_">
        
        <img id="przedszkole_01" src="images/przedszkole_01.jpg" width="879" height="58" alt="" />
    </div>
    <div id="przedszkole-02_">
        
        <img id="przedszkole_02" src="images/przedszkole_02.jpg" width="9" height="429" alt="" />
    </div>
    <div id="Onas_">
    <a href="przedszkole.html"><img border="0" src="images/Onas.jpg" /></a>
    </div>
    <div id="przedszkole-04_">
        
        <img id="przedszkole_04" src="images/przedszkole_04.jpg" width="13" height="110" alt="" />
    </div>
    <div id="historia_">
        
        <a href="historia.html">
        
        <img id="historia" border="0" src="images/historia.jpg" width="131" height="99" alt="" /></a>
    </div>
    <div id="przedszkole-06_">
        
        <img id="przedszkole_06" src="images/przedszkole_06.jpg" width="11" height="110" alt="" />
    </div>
    <div id="aktualnosci_">
        
        <a href="aktualnosci.html">
        
        <img id="aktualnosci" border="0" src="images/aktualnosci.jpg" width="132" height="99" alt="" /></a>
    </div>
    <div id="przedszkole-08_">
        
        <img id="przedszkole_08" src="images/przedszkole_08.jpg" width="11" height="110" alt="" />
    </div>
    <div id="galeria_">
        
        <a href="galeria.html">
        
        <img id="galeria" border="0" src="images/galeria.jpg" width="130" height="99" alt="" /></a>
    </div>
    <div id="przedszkole-10_">
        
        <img id="przedszkole_10" src="images/przedszkole_10.jpg" width="13" height="110" alt="" />
    </div>
    <div id="naszakadra_">
        
        <a href="naszakadra.html">
        
        <img id="naszakadra" border="0" src="images/naszakadra.jpg" width="130" height="99" alt="" /></a>
    </div>
    <div id="przedszkole-12_">
        
        <img id="przedszkole_12" src="images/przedszkole_12.jpg" width="13" height="110" alt="" />
    </div>
    <div id="kontakty_">
        
        <a href="kontakt.html">
        
        <img id="kontakty" border="0" src="images/kontakty.jpg" width="131" height="99" alt="" /></a>
    </div>
    <div id="przedszkole-14_">
        
        <img id="przedszkole_14" src="images/przedszkole_14.jpg" width="25" height="429" alt="" />
    </div>
    <div id="przedszkole-15_">
        
        <img id="przedszkole_15" src="images/przedszkole_15.jpg" width="130" height="11" alt="" />
    </div>
    <div id="przedszkole-16_">
        
        <img id="przedszkole_16" src="images/przedszkole_16.jpg" width="131" height="11" alt="" />
    </div>
    <div id="przedszkole-17_">
        
        <img id="przedszkole_17" src="images/przedszkole_17.jpg" width="132" height="11" alt="" />
    </div>
    <div id="przedszkole-18_">
        
        <img id="przedszkole_18" src="images/przedszkole_18.jpg" width="130" height="11" alt="" />
    </div>
    <div id="przedszkole-19_">
        
        <img id="przedszkole_19" src="images/przedszkole_19.jpg" width="130" height="11" alt="" />
    </div>
    <div id="przedszkole-20_">
        
        <img id="przedszkole_20" src="images/przedszkole_20.jpg" width="131" height="11" alt="" />
    </div>
    <div id="foto_">
        
        <img id="foto" src="images/foto.jpg" width="803" height="319" alt="" />
    </div>
    <div id="przedszkole-22_">
        
        <img id="przedszkole_22" src="images/przedszkole_22.jpg" width="42" height="14" alt="" />
    </div>
    <div id="przedszkole-23_">
        
        <img id="przedszkole_23" src="images/przedszkole_23.jpg" width="12" height="305" alt="" />
    </div>
    <div id="przedszkole-24_">
        
        <img id="przedszkole_24" src="images/przedszkole_24.jpg" width="19" height="19" alt="" />
    </div>
    <div id="przedszkole-25_">
        
        <img id="przedszkole_25" src="images/przedszkole_25.jpg" width="11" height="305" alt="" />
    </div>
    <div id="przedszkole-26_">
        
        <img id="przedszkole_26" src="images/przedszkole_26.jpg" width="19" height="11" alt="" />
    </div>
    <div id="przedszkole-27_">
        
        <img id="przedszkole_27" src="images/przedszkole_27.jpg" width="19" height="19" alt="" />
    </div>
    <div id="przedszkole-28_">
        
        <img id="przedszkole_28" src="images/przedszkole_28.jpg" width="19" height="11" alt="" />
    </div>
    <div id="przedszkole-29_">
        <img id="przedszkole_29" src="images/przedszkole_29.jpg" width="19" height="17" alt="" />
    </div>

    <div id="przedszkole-30_">
        
        <img id="przedszkole_30" src="images/przedszkole_30.jpg" width="19" height="228" alt="" />
    </div>
    <div id="przedszkole-31_">
        
        <img id="przedszkole_31" src="images/przedszkole_31.jpg" width="862" height="85" alt="" />
    </div>
    <div id="przedszkole-32_">
        
        <img id="przedszkole_32" src="images/przedszkole_32.jpg" width="17" height="108" alt="" />
    </div>
    <div id="przedszkole-33_">
        
        &nbsp;<i><font face="Verdana" size="2" color="#C0C0C0">Copyright 2009
        <a href="http://www.webinspiration.pl"><font color="#C0C0C0">
        <span style="text-decoration: none">webinspiration.pl</span></font></a>. All Rights Reserved</font></i></div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
strona dostępna pod adresem: www.piateczka.com.pl
Szukaj
Odpowiedz
Labsta.com Offline
Super Moderator
******
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja: 18
#2
26-08-2009, 20:00
Wywal <center>

i daj:
Kod:
#Table_01 {
    margin: 0px auto;    
    width: 879px;
    height: 595px;
            position: relative;
}

P.S. Proszę używaj znacznika code do wklejania kodów.
Strona WWW Szukaj
Odpowiedz
Marcin Offline
Administrator
*******
Liczba postów: 852
Liczba wątków: 35
Dołączył: 17-12-2007
Reputacja: 12
#3
27-08-2009, 14:26
I używaj też opcji szukaj. Na forum jest co najmniej kilka takich tematów.
Strona WWW Szukaj
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  wyśrodkowanie obrazka discoratka 4 4,513 23-08-2013, 03:29
Ostatni post: Kartofelek
  wyśrodkowanie obiektów w <div><ul><li><a> [email protected] 5 4,300 02-01-2013, 03:30
Ostatni post: macder
Sad [Problem] Wyśrodkowanie div'a LAron 2 2,932 04-12-2012, 03:30
Ostatni post: LAron
  [css] wysrodkowanie szerokiego diva grzesiek77 3 3,975 18-05-2012, 00:41
Ostatni post: Heyek
  [CSS] Wyśrodkowanie elementu z automatyczną szerokością dawc 1 2,443 16-05-2012, 16:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl