MozillaPL.org - polskie centrum Mozilli

Główne menu:

[HTML] rozjeżdżające się tabele w pionie

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[HTML] rozjeżdżające się tabele w pionie

Postautor: migacz » 25 sierpnia 2006, 13:39

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

co robię źle?
wysokość muszę ustalić bo formularz ma być drukowany i musi się zmieścić na jednej stronie. Oprócz tych dwóch tabelek są jeszcze 4. W IE wyświetla mi sie tak jak powinno, a w FF wszystko mi się w pionie rozjeżdża.
Proszę o rady i sugestie.
Kod: Zaznacz cały
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
.formularz {   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-color: #CCCCCC;
   border-right-color: #CCCCCC;
   border-bottom-color: #CCCCCC;
   border-left-color: #CCCCCC;
}
.style2 {   font-size: 8pt;
   background-color: #CCCCCC;
   background-repeat: repeat;
   vertical-align: super;
   letter-spacing: 0em;
   text-align: left;
   text-indent: 0px;
   word-spacing: 0em;
}
-->
</style>
</head>

<body>
<br>
<table border="1" cellspacing="0" cellpadding="0" width="609">
  <tr>
    <td width="609" colspan="2"><p class="style2"><strong>Informacja o sprzęcie:</strong></p></td>
  </tr>
  <tr>
    <td width="120" class="style2"><p>Marka/model</p></td>
    <td width="489"><input class="formularz" type="text" name="nip" value="" size="79"></td>
  </tr>
  <tr>
    <td width="120" class="style2"><p>Nr seryjny lub IMEI</p></td>
    <td width="489"><input class="formularz" type="text" name="nip2" value="" size="79"></td>
  </tr>
</table>
<br>
<table border="1" cellspacing="0" cellpadding="0" width="609">
  <tr>
    <td width="609" height="11" colspan="8"><p class="style2"><strong>Dołączono do sprzętu:</strong></p></td>
  </tr>
  <tr>
    <td width="11" height="11"><input type="checkbox" name="checkbox" value="checkbox">    </td>
    <td width="142" height="11"><p class="style2">&nbsp;Karta gwarancyjna</p></td>
    <td width="11" height="11"><input type="checkbox" name="checkbox" value="checkbox"></td>
    <td width="141" height="11"><p class="style2">Dow&oacute;d zakupu</p></td>
    <td width="11" height="11"><input type="checkbox" name="checkbox" value="checkbox"></td>
    <td width="141" height="11"><p class="style2">Słuchawka</p></td>
    <td width="11" height="11"><input type="checkbox" name="checkbox" value="checkbox"></td>
    <td width="141" height="11"><p class="style2">Zasilacz</p></td>
  </tr>
  <tr>
    <td width="11" height="11"><input type="checkbox" name="checkbox" value="checkbox"></td>
    <td width="142" height="11" colspan="1"><p class="style2">Akcesoria dodatkowe (opis):</p></td>
    <td width="456" height="11" colspan="6"></td>
  </tr>
</table>
</body>
</html>
migacz
 
Posty: 2
Z nami od: 25 sierpnia 2006, 13:30

Postautor: Tomek » 25 sierpnia 2006, 14:18

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

Po pierwsze:
http://www.mozillapl.org/forum/about-11979.html

stosujesz dość ciekawą zupę tagów...
Kod: Zaznacz cały
<td width="609" colspan="2"><p class="style2"><strong>Informacja o sprzęcie:</strong></p></td>


a także nigdzie nie masz otwartego form... więc może tu jest problem?
pamiętaj - to nie IE wyświetla prawidłowo - on po prostu bardziej intuicyjnie zgaduje co ma pokazać. Firefox wyświetla prawidłowo na 99%. Poza tym - mówisz o 4 tabelkach a tu masz 2. może gdzie indziej jest błąd w kodzie.
podaj więcej szczegółów - najlepiej linka do CAŁEJ strony
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: migacz » 25 sierpnia 2006, 14:58

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Wkońcu na jakimś forum odzew. Dziękuję za poświęcony czas.

sprawdzałem validatorem i nie wskazało mi żadnych błędów
a tagów form nie dodałem dlatego że nie będzie tu opcji wyślij e-mailem tylko po wypełnieniu ma zawartość strony się wydrukować

-----------------------------------------------------------------------------------------
Już sobie poradziłem, było to spowodowane zastosowaniem znacznika <p> w tabelach
migacz
 
Posty: 2
Z nami od: 25 sierpnia 2006, 13:30

Postautor: Tomek » 26 sierpnia 2006, 10:17

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.1b1) Gecko/20060710 Firefox/2.0b1

czyli jak mówiłem - zupa tagów :)
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], dexter, Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: