Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> div+css
BDCC
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 27.01.2006

Ostrzeżenie: (0%)
-----


Mam problem... Poprawiam stronę kolegi, która w każdej przeglądarce inaczej się wświetla... Jego strona była w tabelkach, ja w myśl o nowoczesności używam diva tongue.gif Jest pewien problem... Oto link do tego layu: lo.gif' target='_blank pod tym. Ja zrobiłem coś takiego:
  1. <?xml version="1.0" encoding="ISO-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <style type="text/css">
  6. <!--
  7. * {
  8.        margin: 0;
  9.        padding: 0;
  10.        border: 0;
  11. }
  12.  
  13. body {
  14.        font: 12px Helvetica, Tahoma, Arial, sans-serif;
  15.        font-weight: normal;
  16.        color: #FFFFFF;
  17.        background: #4B4B4B;
  18.        margin: 0px auto;
  19.        padding: 0px;
  20.        text-align: center;
  21. }
  22.  
  23. h1 {
  24.        color: #FFFFFF;
  25.        font-size: 20px;
  26.        font-weight: bold;
  27.        text-decoration: none;
  28.        text-align: center;
  29.        font-face: Times New Roman;
  30. }
  31.  
  32. a {
  33.        color: #FFFFFF;
  34.        text-decoration: none;
  35. }
  36.  
  37. a:hover {
  38.        color: #FFFFFF;
  39.        text-decoration: none;
  40.        font-weight: bold;
  41. }
  42.  
  43. th {
  44.        background: #000000;
  45.        color: #FFFFFF;
  46. }
  47.  
  48. #glowny {
  49.        text-align: center;
  50.        background: #4B4B4B;
  51.        padding: 0px;
  52.        width: 777px;
  53. }
  54.  
  55. #top {
  56.        background: url(layout/logo.jpg) no-repeat top;
  57.        padding: 0px;
  58.        width: 777px;
  59.        height: 78px;
  60. }
  61.  
  62. #pasek {
  63.        background: url(layout/top_tlo.gif) repeat-x top;
  64.        padding: 10px;
  65.        font-weight: bold;
  66.        padding-top: 0px;
  67.        width: 777px;
  68.        height: 78px;
  69.        vertical-align: top;
  70.        text-align: left;
  71. }
  72.  
  73. #pasek a:hover {
  74.        text-decoration: underline;
  75. }
  76.  
  77. #lewe {
  78.        width: 150px;
  79.        background-color: green;
  80.        float: left;
  81. }
  82.  
  83. #srodek {
  84.        width: 400px;
  85.        background-color: grey;
  86.        float: left;
  87. }
  88.  
  89. #prawe {
  90.        width: 150px;
  91.        background-color: green;
  92.        float: right;
  93. }
  94.  
  95. #stopka {
  96.        width: 777px;
  97.        height: 20px;
  98.        background-color: pink;
  99.        clear: both;
  100. }
  101.  
  102. #deo {
  103.        background: url(layout/deo.jpg) no-repeat top right;
  104.        padding: 0px;
  105.        width: 111px;
  106.        height: 68px;
  107.        position: relative;
  108.        left: 656 px;
  109.            top: 190 px;
  110. }
  111. #deoz {
  112.        padding: 0px;
  113.        width: 777px;
  114.         position: relative;
  115.      
  116.            
  117. -->
  118.  
  119. <div id="glowny">
  120. <div id="top"></div>
  121. <div id="pasek"></div>
  122. <div id="deo">a</div>
  123. <div id="lewe">Menu lewe</div>
  124. <div id="srodek">Srodek</div>
  125. <div id="prawe">Menu prawe</div>
  126. <div id="stopka">Stopka</div>
  127. </div>
  128. </body>
  129. </html>


Co zrobić, aby było tak samo w divie? Próbowałem różnych metod i żadna nie pomaga....

Ten post edytował BDCC 5.05.2006, 20:27:09
Go to the top of the page
+Quote Post

Posty w temacie
- BDCC   div+css   5.05.2006, 19:07:23
- - Zajec   Wcisnąć tam img z float:right :-) Poza tym jeśli j...   6.05.2006, 09:06:58
- - BDCC   Teraz mam trochę inny problem. Chodzi o menu.. Zau...   16.05.2006, 17:21:16
- - mike_mech   Menu tutaj to prosta sprawa. Dajesz tak. [HTML] po...   16.05.2006, 17:27:24
- - Zajec   Gdybyś podawał link do wersji nad którą aktualnie ...   16.05.2006, 18:19:13
- - BDCC   Orginał: http://www.pokemony.com/hack/ Obrazki: ht...   17.05.2006, 22:31:15
- - Zajec   Teraz znacznie lepiej, zaraz to elegancko przerobi...   17.05.2006, 22:58:15
- - mike_mech   Cytat(Zajec @ 2006-05-17 23:58:15)1) Zapomina...   17.05.2006, 23:03:01
- - BDCC   @Zając zrobiłem tak, ale są dostępy w Operze miedz...   1.06.2006, 12:01:37
|- - Zajec   Cytat(BDCC @ 1.06.2006, 13:01 ) @Zając zr...   1.06.2006, 15:01:28
|- - mike_mech   Cytat(Zajec @ 1.06.2006, 16:01 ) Cytat(mi...   17.06.2006, 20:25:07
|- - Zajec   Cytat(mike_mech @ 17.06.2006, 21:25 ) Chy...   21.06.2006, 09:10:35
- - BDCC   http://xdcc.i-rpg.org/bdcc/hack/nowy2.html Na koń...   17.06.2006, 18:32:29
- - mike_mech   ~Zajec zakładasz użycie innej technologi...   21.06.2006, 09:25:17
- - BDCC   Odrazu lepiej Tylko chyba skrypt jest troche z...   23.06.2006, 21:57:44
- - Vogel   jizas. wklejasz kod php do HTMLa? to nie bedize dz...   23.06.2006, 22:40:04
- - BDCC   http://xdcc.i-rpg.org/bdcc/hack/nowy3.php <- lo...   24.06.2006, 10:04:31
- - Vogel   nie "lol" tylko nie potrafisz zlozyc por...   24.06.2006, 10:39:21
- - BDCC   http://xdcc.i-rpg.org/bdcc/hack/nowy3.php <- b...   17.07.2006, 18:19:51
|- - Zajec   Cytat(BDCC @ 17.07.2006, 19:19 ) http://x...   17.07.2006, 22:30:00
- - BDCC   http://xdcc.i-rpg.org/bdcc/hack/nowy3.php <- wy...   18.07.2006, 08:22:26


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 09:14