[html] Różnice w wyświetlaniu panelu

[Tens]

Za pomocą następującego kodu:

Kod: Zaznacz cały

<table border="0" align="left" width="290" cellspacing="0" cellpadding="0">
<tr><td width="290" align="left"><img src="http://i204.photobucket.com/albums/bb201/big-sport/images/side_1g.gif" border="0" /></td></tr>
<tr><td style="background-repeat: repeat-y; background-image: url(http://i204.photobucket.com/albums/bb201/big-sport/images/side_b.gif);" width="290" align="center"><div style="font: 12pt 'arial';color:#000000;text-align:center">Treść panelu3<br>Treść panelu3<br>Treść panelu3</div></td></tr>
<tr><td width="290" align="left"><img src="http://i204.photobucket.com/albums/bb201/big-sport/images/side_d.gif" border="0" /><br><br></td></tr></table>

Stworzyłem sobie taki panel na stronie:

Problem w tym, że panel wygląda dobrze (jak na obrazku powyżej) tylko w przeglądarce IE7. Natomiast w Firefoksie 2.x i Operze wygląda tak:

Co muszę poprawić w kodzie, żeby w każdej przeglądarce krawędzie obramowania były ładnie złączone, jak w IE7? Sam nie mam już pomysłu Ktoś mi proponował zabawę w CSS lub zamianę na div-y, ale nie za bardzo się w tym orientuję, amatorszczyzna...

[BoneCrasher]

Spróbuj usunąć w pierwszym wierszu i ostatnim img i zamień to na tło dla tych komórek. Oczywiście ustaw też wysokość komórki równą wysokości tła.

I zastanawia mnie jeszcze, dlaczego w tym ostatnim wierszu masz br'y... ale w sumie to nie powinno mieć większego wpływu na wyświetlanie tej tabelki. Ale jeżeli wstawisz te obrazki jako tło dla komórki, i ustawisz przy tym wysokość to usuń te br'y - lepiej je dać w osobnym wierszu.

A poza tym, to rzeczywiście lepiej i łatwiej już zrobić to w CSS i div'ach

[Tens]

Dzięki za podpowiedź, o to chodziło Że też sam na to nie wpadłem.

<br> są z powodu kolejnych paneli położonych nad lub pod omawianym. Musi być tak jakiś odstęp.

Mam jeszcze jedno pytanie: jak mogę ograniczyć marginesy tekstu umieszczonego wewnątrz paneli żeby nie wchodziły na obramowanie? Chodzi o zawartość "Treść panelu3" pisaną jednym ciągiem, bez formatowania nowych linii za pomocą <br>

[rumsztyk]

ustaw szerokość dla elementu div który zawiera tekst