Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] dziwny odstep między divami w IE
puz219
post
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:
(IMG:http://img209.imageshack.us/img209/9624/ramkatb4.jpg)

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
k_@_m_i_l
post
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;
Go to the top of the page
+Quote Post
JoShiMa
post
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
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
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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 20:59