Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Image jako tło dla trzech kolumn
lonek
post
Post #1





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 15.05.2006
Skąd: Szczecin

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


Witam,

Mam problem z ustawieniem gif'a jako tła dla trzech kolumn, które ujęte są dodatkowo w divie wrapperze. W IE7 strona wygląda dobrze, ale w Firefoxie tło nie wyświetla się prawidłowo. Co nie wygląda okej można zobaczyć tutaj: http://sv.pl/terra/

A to kod:


Kod
body {
    margin: 0;
    padding: 0;
    height:100%;    
}

.rounded_top {
    width: 1000px;
    height: 111px;
    margin: 0px auto;
    background: url(../images/rounded_top.gif) no-repeat top center;    
}

.main_wrapper {
    width: 1000px;
    height: 100%;
    position: relative;
    margin: 0 auto;
    background: url(../images/page_bg.gif) repeat-y top center;
    /*background: #ccc;*/
}

.main_container {
    width: 960px;
    margin: -60px 0px 0px 20px;
    /*background: #65bac7;*/
}

.pageclose {
    width: 1000px;
    height: 36px;
    margin: 0 auto;
    clear: both;
    background: url(../images/page_close.gif) no-repeat top;
}

#content_left {
    display:inline;
    width:221px;
    float:left;
    /*background: #cc00cc;*/
    padding-right: 9px;
}

#content_center {
    display:inline;
    width:516px;
    *width: 500px;
    padding: 0 11px 0 11px;
    *padding: 0 23px 0 8px;
    margin: 0px 0 0px 0;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;    
    float:left;
    text-align: left;
    /*background: #cba444;*/
}

#content_right {
    display:inline;
    width:181px;
    padding-left: 9px;
    float:right;
    /* background: #09921a; */
}


i HTML:

  1. <div class="rounded_top">
  2. </div>
  3.  
  4. <div class="main_wrapper">
  5.  
  6. <div class="main_container">
  7.  
  8. <div id="content_left">
  9. <p>Content.</p>
  10. <p>Content.</p>
  11. <p>Content.</p>
  12. <p>Content.</p>
  13. <p>Content.</p>
  14. <p>Content.</p>
  15. <p>Content.</p>
  16. <p>Content.</p>
  17. <p>Content.</p>
  18. </div>
  19.  
  20. <div id="content_center">
  21. <p>Content.</p>
  22. </div><!--end content_center-->
  23.  
  24. <div id="content_right">
  25. <p>Content.</p>
  26. </div>
  27.  
  28. </div><!--end main_container-->
  29.  
  30. </div><!--end main_wrapper-->
  31.  
  32. <div class="pageclose">
  33. </div>
  34.  
  35. <div class="clear"></div>


Link jeszcze raz:

http://sv.pl/terra/

Będę wdzięczny za wszelką pomoc, nie mogę się doszukać błędu..
Go to the top of the page
+Quote Post

Posty w temacie
- lonek   [CSS] Image jako tło dla trzech kolumn   11.09.2008, 10:14:51
- - wookieb   Kod<div class="main_wrapper"> ...   11.09.2008, 10:19:15
- - lonek   No właśnie.. dzięki.   11.09.2008, 10:24:37


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 Aktualny czas: 22.08.2025 - 10:55