Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] IE 7 - problem z wysokością wiersza z COLSPAN
The Night Shadow
post
Post #1





Grupa: Zarejestrowani
Postów: 495
Pomógł: 2
Dołączył: 5.02.2006
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

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 
  1. <table cellspacing="0" style="height: 100%; width: 100%;">
  2.       <tr>
  3.          <td colspan="3" style="height: 100px; background-color: #aaaaaa;">
  4.             TU JEST JAKAŚ TREŚĆ NA GÓRZE
  5.          </td>
  6.       </tr>
  7.       <tr>
  8.          <td style="width: 29px;">
  9.             &nbsp;
  10.          </td>
  11.          <td style="width: 212px; background-color: #eeeeee;">
  12.                ssdsdsd<br />
  13.                ssdsdsd<br />
  14.                ssdsdsd<br />
  15.          </td>
  16.          <td style="background-color: #777777;">
  17.                dsfsfdsfdsfdsf
  18.          </td>
  19.       </tr>
  20.       <tr>
  21.          <td colspan="3" style="height: 100px; background-color: #aaaaaa;">
  22.             TU JEST JAKAŚ TREŚĆ NA DOLE
  23.             <a href="javascript:dostosuj();">ssssssss</a>
  24.          </td>
  25.       </tr>
  26.    </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">
Go to the top of the page
+Quote Post
YaQzi
post
Post #2





Grupa: Zarejestrowani
Postów: 94
Pomógł: 31
Dołączył: 12.10.2008
Skąd: WAT

Ostrzeżenie: (0%)
-----

Bo tabele nie służą do formatowania ogólnej treści strony tylko do wyświetlania danych w tabelach jakkolwiek głupio to brzmi. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) 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. (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) Nie pytajcie skąd wiem.

@edit bregovic
bo ja szybko biegam (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
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. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował YaQzi 5.11.2008, 23:39:10
Go to the top of the page
+Quote Post
bregovic
post
Post #3





Grupa: Zarejestrowani
Postów: 562
Pomógł: 15
Dołączył: 8.08.2003
Skąd: Denmark/Odense

Ostrzeżenie: (0%)
-----

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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
YaQzi, masz talent do ubiegania mnie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Ten post edytował bregovic 5.11.2008, 23:35:24
Go to the top of the page
+Quote Post
The Night Shadow
post
Post #4





Grupa: Zarejestrowani
Postów: 495
Pomógł: 2
Dołączył: 5.02.2006
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

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Ą!!! (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) Fanatycy divów również!!!!!

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

Ten post edytował The Night Shadow 6.11.2008, 00:35:47
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.09.2025 - 19:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn