Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Powtarza mi się background
Forum PHP.pl > Forum > Przedszkole
szczalpi
Witam
Mam mały problem. Powtarza mi się background. pod FF działa normalnie, ale już pod IE się powtarza. Proszę o sprawdzenie gdzie może tkwić problem
Adres strony Adres strony.
jacobson
ej mam pytanie ... moze jestem slepy... ale dlaczego w kodzie nie masz w ogole elementu <body> otwierajacego ani zamykajacego, zamykajacego html tez ?
poza tym strona robiona na tabelach, bardzo mozliwe ze gdzies w kodzie cos sie sypnelo. Nie lepiej na divach od poczatku do konca ?
szczalpi
właśnie robię porządek i szukam błędu niestety nie wiem o co chodzi czemu taka jest różnica pomiędzy przeglądarkami
Ziem
A co to za twór:
  1. </head>

?

Łap szablon:
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <meta charset="utf-8" />
  4. <title>Twój tytuł!</title>
  5. <link rel="stylesheet" href="css/main.css" type="text/css" />
  6. </head>
  7.  
  8. </body>
  9. </html>
szczalpi
juz zmienione smile.gif moj blad z kolejnoscia. tylko nie wiesz moze czemu tak dziwnie zachowuje sie background
Ziem
U mnie pod FF 6 oraz pod IE 8 strona wygląda identycznie.
szczalpi
uzywam ietab pod firefox moze to problem powoduje zaraz sprawdze


mam 7 i to samo. Chodzi mi ze powtarza sie tlo nad napisem "STRONA GŁOWNA"
Ziem
Tak wygląda u mnie Twoja strona:
http://imageshack.us/photo/my-images/714/stronal.png/

Żadnego powtarzającego się tła nie widzę. Chyba, że nie na to patrzę co trzeba.
boro11
Problem występuje w IE9
http://img850.imageshack.us/img850/3715/38...ggaqqeu201y.jpg

Znacznik <html> nadal masz za <head>
Wypadało by też zadeklarować doctype itd.
jacobson
mowisz ze poprawiles ale ciagle widze :
  1. <head>
  2. <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  3. </head>
  4. <html>
  5. <body>


troche nie ta kolejnosc
szczalpi
Dokladnie ta strona. Mamy napis "STRONA GŁOWNA". Powinna byc zamknieta ramka. NIestety powyzej z lewej i z prawej strony mamy powtarzajacy sie elementLink do zdjecia
Czarnymi strzalkami zaznaczylem o co mi chodzi
boro11
W nagłówku masz zadeklarowany margin-top: 30px daj tutaj na 0 i po problemie smile.gif
szczalpi
Na gorze bede chcial wstawic w przyszlosci banner. Nie rozwiaze to problemu smile.gif
jacobson
jak juz chcesz to tak zrobic to zrob to tak:
  1. <div id="element_gorny"></div>
  2. <div id="container">
  3. <div class="element_boczny"></div>
  4. <div id="content"></div>
  5. <div class="element_boczny"></div>
  6. </div>


teraz w swoim pliku css. daj element gorny zeby mial background tak jak teraz + dodatkowo float:left;
teraz dajesz container zeby mial clear:left; float:left;
.elemen_boczny{float:left; background (odpowiedni link) repeat-y,width: height: }
#content{float:left; width: (odpowiednia szerokosc pozostala po odjeciu od maxymalnej, szerokosci tych bokow)}
musisz pamietac ze element boczny to nie moga byc te 2 paski tylko jeden
i powinno smigac
boro11
Póki nie masz banneru możesz dać

  1. body {
  2. margin-top: 30px;
  3. }


a jak będziesz go chciał dodać to zrób sobie dla niego jakiegoś div'a i wstaw go zaraz po body (oczywiście wtedy kasujesz to co podałem wyżej.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.