Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] obrazki marginesy w ie
Lejto
post
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 (IMG:http://img267.imageshack.us/img267/2599/margines2.gif)
a dla ie już źle (IMG:http://img140.imageshack.us/img140/5785/margines.gif)
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
 
Start new topic
Odpowiedzi (1 - 2)
thek
post
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 (IMG:style_emoticons/default/winksmiley.jpg) Poczytaj o tym "bonusie" a dowiesz się że jest przydatny w niwelowaniu różnic między ie a resztą przeglądarek (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
franki01
post
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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.09.2025 - 06:47