Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Obramowanie [css][html]
Forum PHP.pl > Forum > Przedszkole
poxrimex
Witam!

 Mam taki problem, gdyż we wszystkich przeglądarkach wszystko dobrze wygląda lecz w Ie pomiędzy divem stopka a divem tresc wystepuje szara linia i niewiem jak to usunąć. Może coś w css zmienić?
grzesiek_g
I mamy wywróżyć nie widząc ani linijki kodu, bądź linka?
Maxik
Generalnie to dla IE pisze się oddzielne cssy.
grzesiek_g
Jak wygląda szara linia to ja wiem, bez linka ciężko coś wywróżyć. Może to być np. jakiś błąd w opływaniu elementów. Na razie podałeś linka, ale nie prosiłem o linka do fotosika.
poxrimex
Style.css:

  1. html, body {
  2. background-color: #3B3939;
  3. color: #494949;
  4. padding: 0;
  5. margin: 0;
  6. font-family: Tahoma, Helvetica, Verdana, sans-serif;
  7. text-align: center;
  8. font-size: 12px;
  9. margin-top: 0;
  10. margin-left: 0;
  11. margin-right: 0;
  12. margin-bottom: 0;
  13. border-bottom-width: 0;
  14. }
  15.  
  16. #strona {
  17. width: 100%;
  18. margin-left:auto;
  19. margin-right:auto;
  20.  
  21. }
  22.  
  23. #NAGLOWEK {
  24. background-image: url(nagtop.gif);
  25. border-bottom-width: 0;
  26. width: 100%;
  27. height: 120;
  28.  
  29. }
  30.  
  31.  
  32. #TRESC {
  33. width: 900px;
  34. overflow: hidden;
  35. background-color: #91C20A;
  36. margin-left:auto;
  37. margin-right:auto;
  38. border-bottom-width: 0;
  39. margin-top: 0;
  40. }
  41.  
  42. #STOPKA {
  43. clear: both;
  44. width: 900px;
  45. background-color: #91C20A;
  46. font-family: Verdana, Helvetica, Verdana, sans-serif;
  47. margin-left:auto;
  48. margin-right:auto;
  49. }
grzesiek_g
Spróbuj nadać tylko dla IE styl poprzez dołączenie pliku css tylko dla tej przeglądarki (umieść to w head po deklaracji stylu głównego):
  1. <!--[if IE 7]>
  2. <link rel="stylesheet" type="text/css" href="site_ie.css" />
  3. <![endif]-->

I w tym pliku:
  1. #STOPKA {
  2. margin-top:-2px;
  3. }

Jeśli to nie pomoże przebuduj nieco stronę by cała zawierała się w #strona i dla wszystkich elementów głównych w niej zawartych (#naglowek,#tresc,#stopka) daj: float:left;width:100%; a clear:both wyrzuć.
poxrimex
no właśnie zaraz to sprawdze ale chyba dobrze, że wartość -2 bo musiałem skrócić obrazek o 2 px i wtedy działało ;p

no nadal kurcze nic nie dało tylko element zmniejszyło to -2 ; /
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.