Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
CSS, wyśrodkowanie+ auto zwiekszenie strony.
#1
Witam mam problem, ponieważ nie wiem jak wyśrodkować stronę i jak zrobić żeby środek mi się sam rozszerzał, dokładnie chodzi o ten blok #glowna-03.
Mam nadzieję, że mi ktoś pomoże ;p. Pozdrawiam :p




Kod PHP:
1.
      
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
2.
      
<html xmlns="http://www.w3.org/1999/xhtml">
   
3.
      
<head>
   
4.
      
<title>glowna</title>
   
5.
      
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
   
6.
      
<style type="text/css">
   
7.
      
<!--
   
8.
       
   9.
      
#Table_01 {
  
10.
       
  11.
      text
-aligncenter;
  
12.
      text
-aligncenter;
  
13.
      position
:absolute;
  
14.
      left
:0px;
  
15.
      top
:0px;
  
16.
      width
:400px;
  
17.
      height
:768px;
  
18.
      
}
  
19.
       
  20.
      
#glowna-01_ {
  
21.
      background
-imageurl("images/glowna_01.gif");
  
22.
      position
:absolute;
  
23.
      left
:0px;
  
24.
      top
:0px;
  
25.
      width
:400px;
  
26.
      height
:31px;
  
27.
      
}
  
28.
       
  29.
      
#glowna-02_ {
  
30.
      background
-imageurl("images/glowna_02.gif");
  
31.
      position
:absolute;
  
32.
      left
:0px;
  
33.
      top
:31px;
  
34.
      width
:20px;
  
35.
      height
:696px;
  
36.
      
}
  
37.
       
  38.
      
#glowna-03_ {
  
39.
      background
-color:#2CA3DA;
  
40.
      background
-repeatrepeat-x;
  
41.
      position
:absolute;
  
42.
      left
:20px;
  
43.
      top
:31px;
  
44.
      width
:361px;
  
45.
      height
:696px;
  
46.
      
}
  
47.
       
  48.
      
#glowna-04_ {
  
49.
      background
-imageurl("images/glowna_04.jpg");
  
50.
      position
:absolute;
  
51.
      left
:381px;
  
52.
      top
:31px;
  
53.
      width
:19px;
  
54.
      height
:696px;
  
55.
      
}
  
56.
       
  57.
      
#glowna-05_ {
  
58.
      background
-imageurl("images/glowna_05.gif");
  
59.
      position
:absolute;
  
60.
      left
:0px;
  
61.
      top
:727px;
  
62.
      width
:400px;
  
63.
      height
:41;
  
64.
      
}
  
65.
       
  66.
      
-->
  
67.
      
</style>
  
68.
      
</head>
  
69.
      
<div id="Table_01">
  
70.
      
<div id="glowna-01_">
  
71.
      
</div>
  
72.
      
<div id="glowna-02_">
  
73.
      
</div>
  
74.
      
<div id="glowna-03_">
  
75.
       
  76.
      
</div>
  
77.
      
<div id="glowna-04_">
  
78.
      
</div>
  
79.
      
<div id="glowna-05_">
  
80.
      
</body>
  
81.
      
</html
Odpowiedz
#2
po pierwsze zamknij
Kod:
<div id="Table_01">

z table01 usun jedno
Kod:
text-align: center;
po co dwa? zwiększasz moc wyrównania? Weź style wrzuć do osobnego pliku css i w head wstaw ścieżkę do zewnętrznego pliku .css (poprawisz tym samym przejrzystość kodu jak i zoptymalizujesz samą stronę). Chyba, że to jakiś szablon allegro.
Kod:
left:0px;  top:0px;
jak ty chcesz wyrównać div o którym mowa jak dałeś mu
Kod:
left:20px; top:31px;
do wyrównania w poziome służy
Kod:
margin: 0 auto;
możesz też spróbować
Kod:
text-align:center;
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:
Sponsorzy i przyjaciele
SeoHost.pl