Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][HTML][CSS] Div poprawne wyświetlanie w IE, źle na operze i firefox
PiiiT
post 27.10.2008, 17:38:29
Post #1





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 29.02.2008
Skąd: Poznań

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


Witam, mam problem z wyświetlaniem poprawnie divów w operze i firefoxie. Otóż w IE divy są ułożone jeden pod drugim, w pozostałych przypadkach widoczna jest przerwa ok 3px pomiędzy div id=baner i id= menu.. Natomiast stopka nie wyświetla się wogóle na żadnej przeglądarce mimo iż jest to kopia id=menu i ma wyświetlić tło na całej szerokości ekranu. Z góry dziękuję za pomoc.

  1. <body style="background-color: #000000" ><div id="baner" align=center style="background-image:url(images/banerbg.gif); background-position:top; background-repeat:x-repeat;" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><img src="images/baner.gif"></div><div id="menu" align="center" style="background-image:url(images/menubg.gif); background-repeat:x-repeat; "><? include 'menu2.php'; ?></div><table align="center" width="800"><tr><td><div id="content" style="text-indent: 2em; line-height: 150%; text-align: justify; background-color: #000000; color: #2d88f9"><FONT FACE="Verdana"><h3 style="color: #ffffff">Witamy na stronie</h3><p align=right><b>Zapraszamy!</p><BR></FONT></div></td></tr><table><div id="stopka" align="center" style="background-image:url(images/menubg.gif); background-repeat:x-repeat;"></div><BR>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
hiszpanespaniol
post 27.10.2008, 17:50:28
Post #2





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

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


mnóstwo błędów. powycinaj sobie wszystkie style do pliku w którym masz zdefioniowane dla id style. poza tym powinno być repeat-x a nie x-repeat w dwóch miejscach.

poza tym chyba korzystałeś z jakiegoś kreatora i niepotrzebnie narobił Ci bałaganu... naprawdę, przez duże B

edit:
tuż za obrazkiem kończysz div'a który się nigdy nie zaczął

edit2:
zapewne ten niezaczęty div, to div#banner. to lepiej skasuj tego div'a, a id przypisz do obrazka. później w css daj dla obrazka display: block i zerowe marginesy/paddingi. obrazki same w sobie mają odstępy dookoła i to pewnie przyczyna.

div banner jest w porządku, zaczyna się i kończy, przepraszam. ale skasować nie zaszkodzi

Ten post edytował hiszpanespaniol 27.10.2008, 17:56:17


--------------------
Go to the top of the page
+Quote Post
PiiiT
post 27.10.2008, 18:18:04
Post #3





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 29.02.2008
Skąd: Poznań

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


Czyli nie muszę korzystać z divów żeby nadać poszczególnym elementom tło które się powtarza w poziomie? Nie wiedziałem jak to rozwiązać i tylko przy takim zapisie tło powtarzało się (takie coś znalazłem gdzieś na google), nigdy nie korzystałem z css i może dlatego powstał taki bałagan. Poczytam na temat css. Dzięki za pomoc.Pozdrawiam,
Go to the top of the page
+Quote Post
hiszpanespaniol
post 27.10.2008, 18:28:36
Post #4





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

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


Cytat
Czyli nie muszę korzystać z divów żeby nadać poszczególnym elementom tło które się powtarza w poziomie?


nie musisz korzystać z div'ów prawie nigdy. zależy od złożoności layoutu. za wyświetlanie grafiki odpowiada img, za nagłówek odpowiada h1, za menu odpowiada ul/ol itd. do dowolnego elementu możesz sobie przypisać tło i całkiem zmienić jego zachowanie.

no właśnie jak poznasz css to zobaczysz jakie to piękne jest... w teorii. praktyka bywa wkurzająca z uwagi na niektóre "przeglądarki". ale generalnie pracy i stresu masz około 20 razy mniej smile.gif


--------------------
Go to the top of the page
+Quote Post
PiiiT
post 28.10.2008, 19:32:23
Post #5





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 29.02.2008
Skąd: Poznań

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


Proszę jeszcze o podpowiedź bo nie mogę znaleźć błędu. Mam teraz takie coś w głównym dokumencie:
Obrazek który ma być na środku a tło ma się powtarzać w poziomie:

Kod
<img src="images/baner.gif" class="center"/>


i plik ze stylami:

Kod
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0px;
  background-image: url('images/banerbg.gif');
  background-repeat: repeat-x

}


wyświetla obrazek na środu strony ale nie powtarza tła w poziomie, obrazek jest w podanej lokalizacji. Z góry dziękuję za pomoc!
Go to the top of the page
+Quote Post
piotrooo89
post 29.10.2008, 08:33:10
Post #6


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




tak sie zastanawiam czy nie powinieneś tego
  1. background-image: url('images/banerbg.gif');
  2. background-repeat: repeat-x

nadać divowi w którym wyświetlany jest obrazek


--------------------
Go to the top of the page
+Quote Post
Barton
post 29.10.2008, 09:12:27
Post #7





Grupa: Zarejestrowani
Postów: 70
Pomógł: 2
Dołączył: 26.10.2008

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


piotrooo89 ma racje. I nie zapomnij dodać ';' na końcu linijki, tj.:

  1. background-image: url('images/banerbg.gif');
  2. background-repeat: repeat-x;
  3.  
  4. }
Go to the top of the page
+Quote Post
PiiiT
post 29.10.2008, 13:12:06
Post #8





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 29.02.2008
Skąd: Poznań

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


Dzięki wielkie!!
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 24.07.2025 - 23:32