Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html][css]Problem z wyśrodkowaniem strony - CSS i div'y, Potrzebuję indywidualnej pomocy, z góry dzięki!
Pablo128
post
Post #1





Grupa: Zarejestrowani
Postów: 59
Pomógł: 2
Dołączył: 3.03.2008

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

Cytat
<div style="background-color: #FFFFFF; background-position: center; position:
absolute; left: 1px; top: 90px; width: 875px; height: 450px ; padding: 3px;
padding-right: 20px;">

Na powyższej zasadzie stworzyłem warstwy strony, która wyświetla się prawidłowo. Nie robiłem nic w CSS'ie. Wszystko w porządku poza tym, iż chciałbym żeby te warstwy były wyświetlane pośrodku ekranu. Analogicznie do nasza-klasa.pl

Z góry dzięki za pomoc
Pozdrawiam
Powód edycji: dodałem tagi (cysiaczek)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Pablo128
post
Post #2





Grupa: Zarejestrowani
Postów: 59
Pomógł: 2
Dołączył: 3.03.2008

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

Udało mi się zdziałać coś takiego:

index.html
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  4. </head>
  5. <link rel="stylesheet" href="styl.css" type="text/css">
  6. <body>
  7. <div class=naglowek>
  8. </div>
  9. <div id=tlo>
  10.  
  11.      <div class=nawigacja>
  12.           nawigacja
  13.      </div>
  14.  
  15.      <div class=tresc>
  16.  
  17.        treść
  18.  
  19.      </div>
  20. </div>
  21. <div class=stopka>     Stopka </div>
  22. </body>
  23. </html>
[HTML] pobierz, plaintext


styl.css
[HTML] pobierz, plaintext 
  1. body {
  2. background-image:url(grafika/tlo.gif);
  3. text-align: left;
  4. padding: 0;
  5. margin: 0;
  6. font-family: Tahoma, sans-serif;
  7. color: #3b3b3b;
  8. }
  9.  
  10. .naglowek {
  11. background-image:url(grafika/naglowek.gif); 
  12. margin:0 auto;
  13. position: relative;
  14. left: 0px; 
  15. top: 105px; 
  16. width: 875px; 
  17. height: 80px; 
  18. padding: 3px;
  19. padding-right: 20px;
  20. }
  21.  
  22. #tlo {
  23. background-color: #FFFFFF; 
  24. position: relative;
  25. margin:0 auto; 
  26. left: 0px; 
  27. top: 105px; 
  28. width: 874px; 
  29. height: 250px auto !important;  
  30. padding: 3px;
  31. padding-right: 20px;
  32. }
  33.  
  34.  
  35. .tresc {
  36. background-color: #FFFFFF; 
  37. position: relative;
  38. margin:0 auto; 
  39. left: 110px; 
  40. top: -160px; 
  41. width: 660px; 
  42. height: 450px auto !important;
  43. }
  44.  
  45. .nawigacja {
  46. background-color: #B4D66C; 
  47. position: relative;
  48. margin:0 auto; 
  49. left: -332px; 
  50. top: -19px; 
  51. width: 215px;
  52. height: 200px auto !important; 
  53. }
  54.  
  55. .stopka {
  56. background-image:url(grafika/stopka.gif); 
  57. margin:0 auto;
  58. position: relative;
  59. left: 0px; 
  60. top: 105px; 
  61. width: 875px; 
  62. height: 30px; 
  63. padding: 3px;
  64. padding-right: 20px;
  65. }
[HTML] pobierz, plaintext





Wszystko w porządku w firefoxie, niestety w IE totalna masakra. Proszę o pomoc.

Proszę o przetestowanie kodu i poprawienie. Z góry dzięki!
Go to the top of the page
+Quote Post

Posty w temacie
- Pablo128   [html][css]Problem z wyśrodkowaniem strony - CSS i div'y   5.04.2008, 22:16:13
- - Mlodycompany   align:center   5.04.2008, 22:21:07
- - grzesiek_g   [HTML] pobierz, plaintext <div style="back...   5.04.2008, 22:22:31
- - Mlodycompany   bylo nie bylo ale dziala   5.04.2008, 22:26:45
- - Pablo128   Cytatalign=center to tylko wyrównuje tekst do lewe...   5.04.2008, 22:28:28
- - Mlodycompany   nie wyruwnuje do lewej tylko jesli juz to do srodk...   5.04.2008, 22:30:16
- - Pablo128   Tak się składa, że właśnie tak nie jest. Zadziwiaj...   7.04.2008, 20:08:31
- - isso   to mają być 4 zagnieżdżone div`y ?jestes tego ...   7.04.2008, 20:28:03
- - Pablo128   eee... NIe. Trzy div'y i tło!   7.04.2008, 20:28:42
- - isso   to weź pododawaj zamknięcia div`ów tam gdzie m...   7.04.2008, 20:30:00
- - Pablo128   Kod <div align=center; style="background-...   7.04.2008, 20:33:06
- - isso   skorzystaj z tego kodu pobierz, plaintext <di...   7.04.2008, 20:54:22
- - Pablo128   Udało mi się zdziałać coś takiego: index.html [HT...   12.04.2008, 19:28:30

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.12.2025 - 11:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn