Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML/CSS]Określanie maksymalnej wysokości komórki, jak to zrobić?
Zick4
post
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 12.10.2007

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


Komórka z imgiem ma czarnego bordera. Widać na tym rysunku, że komórka jest troszeczkę za duża. Chiałem zmniejszyć wysokość komórki, ale nie wiem jak ustawić maksymalną wysokość.

http://www.fotosik.pl/pokaz_obrazek/pelny/...b03b90c940.html tak wygląda w firefoxie (źle wygląda)
http://www.fotosik.pl/pokaz_obrazek/pelny/...87cae8d60f.html a tak wygląda w IE (dobrze o to mi chodzi)

Oto mój kod

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  4. <head>
  5. <title>WWW</title>
  6. <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-2" />
  7. <meta http-equiv="content-language" content="pl" />
  8. </head>
  9. <body>
  10. <table style="border: 1px solid black;">
  11. <tr>
  12. <td><img src="1.jpg" alt="aa" /></td>
  13. </tr>
  14. </body>
  15. </html>


Jednym słowem efekt z widziany w Internet Explorerze chciciałbym mieć w każdej przeglądarce w szczególności w firefoxie.

Ten post edytował Zick4 6.01.2008, 00:59:15
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Zick4
post
Post #2





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 12.10.2007

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


Chłopaki znalazłem rozwiązanie. Jak się okazuje przeglądarka Firefox (jak zwykle) działa zgodnie w pełni ze standardami jeżeli zadeklarujemy DTD jako Strict. Chodzi o to, że w tabeli elementy stają się "pływające". wszystkie elementy pływające są ustawiane w tzw. linii bazowej i robi się pod nimi miejsce na przestrzeń dla opuszczonych liter takich jak g j q p. Wystarczy dodać taki CSS
  1. <style type="text/css">
  2. img {display: block;}
  3. .inline {display: inline;}

Natomiast obrazkom dać klasę
  1. <img class="inline" src="1.jpg" />

Pierwszy eliminuje tę lukę a druga sprawia, że img znowu jest wyświetlany jako element liniowy.
Natomiast jako Transitional przeglądarka na silniku Gecko działa "prawie" zgodnie ze standardami czyli tak jak IE stąd nie trzeba było robić powoższego tricku.

Ten post edytował Zick4 9.01.2008, 01:02:13
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 11.10.2025 - 02:54