Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] obrazki marginesy w ie
Lejto
post 5.09.2009, 10:02:16
Post #1





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

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


Mam taki kod
  1. <div id="lewo">
  2.  
  3. <div style="width:200px; padding-top:60px;">
  4. <div class="img4"></div>
  5. <div class="img5" style="width:100px;"><div style="margin-top:5px; margin-left:5px;">&raquo;<b>Menu</b></div></div>
  6. <div class="img6"></div>
  7. <div id="im6">
  8. aa
  9. </div>
  10. <div class="le_d"></div>
  11. <div class="sr_d" id="szer"></div>
  12. <div class="pr_d"></div>
  13. </div>
  14.  
  15. </div>

css
  1. <style type="text/css">
  2. div#lewo {
  3. float:left;
  4. width:300px;
  5. margin-top:-50px;
  6. margin-left:-5px;
  7. }
  8. /* style dla góry */
  9. div.img4{
  10. background: url('../images/gfx_17.gif');
  11. width:13px;
  12. height:33px;
  13. float: left;
  14. margin-left:-13px;
  15.  
  16.  
  17. }
  18. div.img5{
  19. background: url('../images/gfx_35.gif');
  20. background-repeat:repeat;
  21. height:26px;
  22. float: left;
  23. margin-top:1px;
  24.  
  25. }
  26. div.img6{
  27. background: url('../images/gfx_20.gif');
  28. background-repeat: no-repeat;
  29. width:14px;
  30. height:32px;
  31. margin-top:1px;
  32. overflow:hidden;
  33. }
  34. /*style dla góry end */
  35. /* styl dla dolu - */
  36. div.le_d{
  37. background: url('../images/gfx_46.gif');
  38. background-repeat: no-repeat;
  39. width: 8px;
  40. height: 6px;
  41. float: left;
  42. margin-left:2px;
  43. }
  44. div.sr_d{
  45. background-image : url('../images/gfx_50.gif');
  46. background-repeat:repeat;
  47. height:6px;
  48. float:left;
  49. font-size:0px;
  50. background-color:#333;
  51. }
  52. div.pr_d{
  53. background-image : url('../images/gfx_48.gif');
  54. background-repeat: no-repeat;
  55. width: 8px;
  56. height: 6px;
  57. float: left;
  58. }
  59. div#szer{width:86px;}
  60. /* style dla dołu end */

rezultat dla ff
a dla ie już źle
jak to poprawić?
coś źle jest w #lewo ale z tamtą jak usunę margines to obrazek nie będzie wychodził poza krawędź

Pozdrawiam


--------------------
Go to the top of the page
+Quote Post
thek
post 5.09.2009, 10:46:14
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Jeśli to ie to użyj !important winksmiley.jpg Poczytaj o tym "bonusie" a dowiesz się że jest przydatny w niwelowaniu różnic między ie a resztą przeglądarek smile.gif


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
franki01
post 5.09.2009, 12:19:47
Post #3





Grupa: Zarejestrowani
Postów: 508
Pomógł: 75
Dołączył: 2.11.2005
Skąd: Bydgoszcz

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


Spróbuj ustawić duże z-index dla div.le_d.
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: 8.07.2025 - 07:53