[XHTML] Problem z IE 7 Opcje

[rafaelpl]

Witam!

Oto kod odpowiedzialny za wyświetlanie topu strony:

[HTML] pobierz, plaintext 
<div id="top1_1"><img src="images/top1_1.png" alt="" /></div>
    <div id="top1_2">Zaloguj :: Zarejestruj :: Zapomniałem hasła</div>
    <div id="top1_3"><img src="images/top1_3.png" alt="" /></div>
    <div id="top2"><img src="images/top2.png" alt="" /></div>
    <div id="top3_1">
      <a href="#">
        <img src="images/top3_1_0.png" onmouseover="this.src='images/top3_1_1.png'" onmouseout="this.src='images/top3_1_0.png'" alt="" style="border:0px;" />
      </a>
    </div>
    <div id="top3_2">
      <a href="#">
        <img src="images/top3_2_0.png" onmouseover="this.src='images/top3_2_1.png'" onmouseout="this.src='images/top3_2_0.png'" style="border:0px;" alt="" />
      </a>
    </div>
    <div id="top3_3">
      <a href="#">
        <img src="images/top3_3_0.png" onmouseover="this.src='images/top3_3_1.png'" onmouseout="this.src='images/top3_3_0.png'" style="border:0px;" alt="" />
      </a>
    </div>
    <div id="top3_4"><img src="images/top3_4.png" alt="" /></div>
    <div id="top4_1"><img src="images/top4_1.png" alt="" /></div>
    <div id="top4_2">
      <div class="top_pop" style="background:url(images/test.gif);">
        <div class="top_black">Kimi Dress Up</div>
      </div>
    </div>
    <div id="top4_3"><img src="images/top4_3.png" alt="" /></div>
    <div id="top4_4">
      <div class="top_pop" style="background:url(images/test.gif);">
        <div class="top_black">Kimi Dress Up</div>
      </div>
    </div>
    <div id="top4_5"><img src="images/top4_5.png" alt="" /></div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#top1_1{
    width:289px;
    height:25px;
    float:left;
}
 
#top1_2{
  background:url(images/top1_2.png);
    width:338px;
    height:25px;
    float:left;
    color:#53729f;
    text-align:center;
    font-weight:bold;
    line-height:23px;
}
 
#top1_3{
    width:141px;
    height:25px;
    float:right;
}
 
#top2{
    width:768px;
    height:105px;
    clear:both;
}
 
#top3_1{
    width:141px;
    height:53px;
    float:left;
}
 
#top3_2{
    width:129px;
    height:53px;
    float:left;
}
 
#top3_3{
    width:129px;
    height:53px;
    float:left;
}
 
#top3_4{
    width:369px;
    height:53px;
    float:left;
}
 
#top4_1{
    width:236px;
    height:128px;
    float:left;
}
 
#top4_2{
  background:url(images/top4_2.png);
    width:171px;
    height:128px;
    float:left;
}
 
#top4_3{
    width:37px;
    height:128px;
    float:left;
}
 
#top4_4{
  background:url(images/top4_4.png);
    width:170px;
    height:128px;
    float:left;
}
 
#top4_5{
    width:154px;
    height:128px;
    float:left;
}
[HTML] pobierz, plaintext 

Pod Firefoxem wszystko wyświetla dobrze, niestety pod IE 7 poszczególnie elementy topu się rozchodzą:

(IMG:http://images32.fotosik.pl/185/a773148af41968e1m.jpg)

W jaki sposób dostosować top pod Micro$oft IE 7?

Z góry dziękuję za odpowiedź.

[rafaelpl]

W zasadzie nigdy dogłębnie nie studiowałem XHTML i CSS, "nauczyłem się" go praktycznie z niczego. Widzę, że muszę zmienić ten aspekt (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Wielkie dzięki za odpowiedzi. Gdybyś mógł polecić jakieś strony, kursy itp. do nauki byłbym wdzięczny.

Ten post edytował rafaelpl 20.03.2008, 15:18:12