Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] dziwny odstep między divami w IE
puz219
post 26.07.2008, 17:59:07
Post #1





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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


Witam.

Zrobiłem sobie ramkę na stronę z użyciem css i oczywiście w IE jest jakiś błąd, pojawia mi się odstęp pomiędzy górą ramki, a jej środkiem.
Oto jak to wygląda:


Oto kod html:
  1. <div id="ramka_top"></div>
  2. <div id="ramka_middle">
  3. tekst
  4. <div class="clear"></div>
  5. </div>
  6. <div id="ramka_btm"></div>


A to css:
  1. #ramka_top {
  2. background:transparent url(images/module_top.jpg) no-repeat scroll left top;
  3. height:8px;
  4. width:534px;
  5. padding:0pt;
  6. margin:0pt;
  7. }
  8.  
  9. #ramka_middle {
  10. background:transparent url(images/module_bg.jpg) no-repeat scroll -1px bottom;
  11. border-left:1px solid #FBE0CE;
  12. border-right:1px solid #FBE0CE;
  13. border-top: 0pt;
  14. border-bottom: 0pt;
  15. height:auto;
  16. margin:0pt;
  17. max-width:502px;
  18. min-height:117px;
  19. padding:15px;
  20. position:relative;
  21. width:502px;
  22. }
  23.  
  24. #ramka_btm {
  25. background:transparent url(images/module_bottom.jpg) no-repeat scroll left top;
  26. height:8px;
  27. margin:0pt;
  28. width:534px;
  29. }
  30.  
  31. .clear {
  32. clear:both;
  33. }


Proszę o pomoc, bo już nic nie jestem w stanie wykombinować, w FF wszystko działa świetnie, a w IE jak zwykle się krzaczy.
jak pozbyć się tego odstępu?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
k_@_m_i_l
post 26.07.2008, 18:43:34
Post #2





Grupa: Zarejestrowani
Postów: 349
Pomógł: 72
Dołączył: 22.01.2008
Skąd: Wadowice/Oświęcim

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


Spróbuj dać :
Kod
#ramka_top{
  display : block;
}

#ramka_middle{
  display: block;


--------------------
"PHP to człowiek. MySQL to również człowiek."
Go to the top of the page
+Quote Post
JoShiMa
post 26.07.2008, 21:07:27
Post #3





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


Jeśli w tym divie:
  1. <div id="ramka_top"></div>

jest img (a na to mi wygląda) to dla niego powinieneś dać display: block; i wszystko będzie cacy. Kila postów niżej Kreton już to objaśniał.

Ten post edytował JoShiMa 26.07.2008, 21:11:18


--------------------
Go to the top of the page
+Quote Post
puz219
post 26.07.2008, 21:14:45
Post #4





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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


niestety display: block; nie pomogło, ale udało mi się już samemu rozwiązać problem.

Jak by komos było potrzebne, to do górnej i dolnej ramki należny dodać
  1. font-size: 0pt;



Mimo wszystko dzięki za wszelkie próby pomocy.

Pozdrawiam
Go to the top of the page
+Quote Post
JoShiMa
post 26.07.2008, 21:30:54
Post #5





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


Cytat(puz219 @ 26.07.2008, 22:14:45 ) *
niestety display: block; nie pomogło, ale udało mi się już samemu rozwiązać problem.

A do czego dodałeś to display:block?


--------------------
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: 19.07.2025 - 04:48