Forum PHP.pl > [HTML][CSS] IE 7 - problem z wysokością wiersza z COLSPAN

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] IE 7 - problem z wysokością wiersza z COLSPAN

The Night Shadow

5.11.2008, 23:14:49

Witam,

Dlaczego w IE7 poniższy kod powoduje, że nagłówek i stopka są ZNACZNIE wyższe niż faktycznie nadane im wysokości?

[HTML] pobierz, plaintext 
<table cellspacing="0" style="height: 100%; width: 100%;">
      <tr>
         <td colspan="3" style="height: 100px; background-color: #aaaaaa;">
            TU JEST JAKAŚ TREŚĆ NA GÓRZE
         </td>
      </tr>
      <tr>
         <td style="width: 29px;">
            &nbsp;
         </td>
         <td style="width: 212px; background-color: #eeeeee;">
               ssdsdsd<br />
               ssdsdsd<br />
               ssdsdsd<br />
         </td>
         <td style="background-color: #777777;">
               dsfsfdsfdsfdsf
         </td>
      </tr>
      <tr>
         <td colspan="3" style="height: 100px; background-color: #aaaaaa;">
            TU JEST JAKAŚ TREŚĆ NA DOLE
            <a href="javascript:dostosuj();">ssssssss</a>
         </td>
      </tr>
   </table>
[HTML] pobierz, plaintext

Próbowalem w zasadzie każdej deklaracji doctype. Dopiero gdy ją całkowicie usunąć ie7 wyświetla wszystko poprawnie.

Pozostałe przeglądarki nie mają żadnych problemów dla następującego doctype:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

YaQzi

5.11.2008, 23:32:13

Bo tabele nie służą do formatowania ogólnej treści strony tylko do wyświetlania danych w tabelach jakkolwiek głupio to brzmi.

Radzę używać DIVów. Oszczedzisz czas i nerwy bo style tabeli są zwykle różnie interpretowane przez przeglądarki. Szczególnie paddingi w td-ach.

Nie pytajcie skąd wiem.

@edit bregovic
bo ja szybko biegam

Wiem już skąd te tabelki.
Temat: HTMLCSS_Nietypowy_szablon_na_divach
The Night Shadow - lepiej daj do każdego tematu, który tworzysz tego linka bo będą Cię napastować za używanie tabelek.

bregovic

5.11.2008, 23:34:23

A masz wciąż ten sam problem gdy usuniesz deklarację XML (pierwszą linię)? Poza tym, tabele dla layoutu? Naucz się CSS dla lepszej jakości życia

YaQzi, masz talent do ubiegania mnie

The Night Shadow

6.11.2008, 00:35:02

Ah ta wyższość divów :- ) jak cudownie jest zakładąć, że ktoś laikiem jest i nie bardzo wiem w czym rzecz itd. :- ) niesttey JS w tamtym przypadku jest bezużyteczne, bo przy zmianie wielkości przeglądarki wszystko się wali :- ) stąd próbuję z tabelami...

Ciekawe jest jednak to, że IE 6 FF 3 oraz Opera 9 nie mają kompletnie żadnych problemów jedyny problem to IE 7.

Problem ten obiegłem w dość prosty sposób, a mianowicie nadałem HEIGHT 100% dla komórek środkowej (pionowo) części. W ten spośob w Operze IE 6 oraz FF wszystko wygląda tak jak powinno czyli tabela całoksztaltnie ma 100% wysokości okna przeglądarki, a w IE7 niestety HEIGHT 100% jest interpretowane jako wysokośc okna przeglądarki przez co pojawia sie pasek przwijania i cała strona jest wysoka na 100% + wysokość stopki + wysokość nagłówka, jednakże ten problem można że tak to nazwę olać.

MS GÓRĄ!!!

Fanatycy divów również!!!!!

PS: Tak ten sam problem gdy usunę deklarację XML.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.