ďťż

[CSS] Problem z tabelką 2 i 3 komórka zlewa się w IE i Operze

       

Podstrony


telcocafe

Mam problem z schodzącymi się w jedność komórkami w tabelce. Dzieje mi się tak w IE 6.0 i Operze, natomiast w Firfoxie wszystko jest OK. Poza tym, komórki nie schodzą się w całości, lecz przenoszona jest tylko ich część. Używam zewnętrznego arkusza stylów i sądzę, że to tam tkwi problem, niestety nie mogę go rozwikłać. Poniżej zamieszczam link do screena, w którym jest pokazany właściwy wygląd w Firefoxie i niewłaściwy w IE i Operze. Myślałem też, że wina może leżeć w tym, że nie wszystkie przeglądarki obsługują CSS2. Niestety, ja nie znam różnic między CSS1 i CSS2.

Link do screena z IE, Opery i Mozilli

Dla pewności sprawdzałem też, co się stanie, jeżeli usunę 3 komórkę. wtedy awartość strony jest wyświetlana poprawnie (lecz nie ma tej 3 komórki) z tym, że odległość między 1 i 2 komórką jest za duża. Poniżej zamieszczony link do sytuacji bez 3 komórki:
Link "brak 3 komórki"

Jeżeli będzie to konieczne, mogę umieścić tutaj lub w osobnym pliku na mojej stronie zawartość arkusza CSS i kodu HTML strony.
Użytkownik Kapu edytował ten post 03 styczeń 2007, 14:30


Zamieść styl CSS, tak nic nie wykombinujemy

body { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; text-align: center; color: #FFD061; margin: 0; background: url('images/logo.jpg') #181818 no-repeat center top scroll; } a:link, a:visited, a:active { color: #FFD700; text-decoration: none; } a:hover { text-decoration: underline; color: #FCE903; } table.Tabela { font-size: 12px; text-align: center; margin-top: 420px; width: 936px; } td.Lewy { width: 218px; vertical-align: top; margin: 0px; } td.Srodek { width: 500px; vertical-align: top; margin: 0px; } td.Prawy { width: 218px; vertical-align: top; margin: 0px; } div.Block { width: 500px; } div.Block div.Header { height: 26px; background: url('images/top.png') no-repeat; } div.Block div.Content { background: url('images/middle.png') repeat-y; font-size: 12px; text-align: left; padding: 1 9px; } div.Block div.Footer { height: 8px; background: url('images/bottom.png') no-repeat; } table.stopka { font-size: 12px; text-align: right; width: 936px; } td.pasek { width: 936px; vertical-align: top; height: 16px; background: url('images/pasek_dol.jpg') } td.lacza { width: 936px; vertical-align: top; }

Oto cała zawartość pliku ze stylem.
Użytkownik ArteK edytował ten post 04 styczeń 2007, 11:50
Co by było gdybyś w tym
td.Lewy { width: 218px; vertical-align: top; margin: 0px; } td.Srodek { width: 500px; vertical-align: top; margin: 0px; } td.Prawy { width: 218px; vertical-align: top; margin: 0px; }
szerokość zamienił na procenty np.

td.Lewy { width: 15%; vertical-align: top; margin: 0px; } td.Srodek { width: 70%; vertical-align: top; margin: 0px; } td.Prawy { width: 15%; vertical-align: top; margin: 0px; }

Dopasuj według swej strony.
Użytkownik Capitan V edytował ten post 03 styczeń 2007, 16:46


Niestety nie pomaga. A poza tym to komórki muszą być takiej wielkości, bo ja tam mam wszędzie obrazy na styk wymierzone. Jakby co, umieszczam tutaj zawartość pliku HTML strony:
<html> <head> <link rel="stylesheet" href="styl.css" type="text/css"> <title>Wrota Fantasy - Twoja droga do świata fantasy • Gry RPG, cRPG i fantasy</title> </head> <body> <table class="Tabela" align="center"> <tbody> <tr> <td class="Lewy"> <img src="images/menu.png"><br> <a href="index.htm">Strona główna</a><br> <a href="kfor.jun.pl">Forum</a><br> <a href="http://net3.pl/uslugi/ksiega.php?p_user=khazgarot&p_nrksiegi=0" target="blank">Księga gości</a><br> <a href="rozdroza.htm">Rozdroża</a><br> <a href="bannery">Nasze bannery</a><br><br> <a href="wow.htm"><img border="0" src="images/wow.png"></a><br> <a href="bg1.htm"><img border="0" src="images/bg1.png"></a><br> <a href="dnd.htm"><img border="0" src="images/dnd.png"></a><br> <a href="download.htm"><img border="0" src="images/download.png"></a> </td> <td class="Srodek" text-align="top"> <div class="Block"> <div class="Header"><!-- Nazwa działu --!><b>Strona główna</b></div> <div class="Content"> <!-- tekst --!> Witaj przed Wrotami Fantasy! Przechodząc przez nie wejdziesz do świata fantasy i poznasz jego tajemnice... </div> <div class="Footer"></div> </div> </td> <td class="Prawy"> <img src="images/stat.png"><br> <b>Odsłon:</b> &lt;script language="javascript1.2" type="text/javascript"><!-- document.write('<scr'+'ipt src="http://hit.darmoweliczniki.pl/?id=4827&cach='+(new Date()).getTime()+'" language="javascript"></scr'+'ipt>'); //--></script><br> OnLine: <b>&lt;script LANGUAGE="Javascript" SRC="http://www.bee.pl/licznik.php?id=5809ba77?&txt=1&o=1"> </script></b><br><br> <img src="images/sonda.png"><br> <!-- SONDA --> <form method="POST" action="http://www.sonda.pl/vote.php3" > <table width="210" cellpadding="4" cellspacing="0" border="0" align="center"><tr><td bgcolor="#181818"><input type="hidden" name="id" value="448094"> <input type="hidden" name="uid" value="321891"><font color="#FFD061" size="2" face="Verdana"><div align="center"><b>Jak Ci się podoba oprawa graficzna i układ strony?</b></div></font> <table border="0"><tr><td valign="top"><input type="radio" name="poll" value="1"></td><td valign="top"><font size="2" color="#FFD061" face="Verdana">Jest super!</font></td></tr> <tr><td valign="top"><input type="radio" name="poll" value="2"></td><td valign="top"><font size="2" color="#FFD061" face="Verdana">Spoko</font></td></tr><tr><td valign="top"> <input type="radio" name="poll" value="3"></td><td valign="top"><font size="2" color="#FFD061" face="Verdana">Taka sobie</font></td></tr><tr><td valign="top"><input type="radio" name="poll" value="4"></td> <td valign="top"><font size="2" color="#FFD061" face="Verdana">Ujdzie</font></td></tr><tr><td valign="top"><input type="radio" name="poll" value="5"></td><td valign="top"><font size="2" color="#FFD061" face="Verdana">Beznadziejna</font></td></tr></table><br> <div align="center"><INPUT style="BACKGROUND: #000000; BORDER-BOTTOM: brown 1px solid; BORDER-LEFT: brown 1px solid; BORDER-RIGHT: brown 1px solid; BORDER-TOP: brown 1px solid; COLOR: #FFD700; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial; MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-TOP: 2px" type=submit target="_blank" value="ZAGŁOSUJ!"></div></td></tr></table></form> <!-- SONDA KONIEC --> </td> </tr> </table> <table class="stopka" align="center"> <tr> <td class="pasek"></td> </tr> <tr> <td class="lacza"> <a href="redakcja.htm">Redakcja</a> <font face="Arial">I</font> <a href="kontakt.htm">Kontakt</a> <font face="Arial">I</font> <a href="linki.htm">Linki</a> </td> </tr> </body> </html>
Może to ułatwi rozwiązanie problemu

Sprawdzałem troche jeszcze i kombinowałem. Dopóki na stronie nie pojawia się Java Script (ten z odwiedzinami) to wszystko jest OK. Czy wiecie co z tym mogę zrobić?? Tylko tak, żeby skrypt został na stronie.

Może inny skrypt odwiedzin? Posiadasz na serwerze PHP?

Udało mi się jakoś z tym poradzić. Prawdopodobnie wina leżała w kodowaniu pliku (w notatniku są 4 opcje: ANSI, UTF-8 i coś tam jeszcze). Otworzyłem stronę we Front Page'u i nie było polskich znaków. Pozmieniałem, zapisałem i wszystko było już OK ;] Dziwne ale jednak... :D

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.