Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Szerokość komórki
Forum PHP.pl > Forum > Przedszkole
ambitny
Witam Wszystkich forumowiczów. wink.gif
Jestem nowym użytkownikiem więc proszę o wyrozumiałość.
Dopiero raczkuję w temacie HTML/CSS o PHP nie wspomnę.
Do rzeczy.
Od kilku dni nie mogę ustalić szerokości komórki. W FF jest wszystko OK, natomiast w IE nic nie jest dobrze z moja tabelka.

HTML:

  1.  
  2. <tr><td rowspan="6" class="nazwa" style="width: 170">Nazwa</td></tr>
  3. <tr><td class="twocolumn">Adres:</td><td colspan="2">Ulica, Miasto</td></tr>
  4. <tr><td class="twocolumn">Czynne:</td><td>pn-pt: 8.00-18.00</td><td>so: 9.00-14.00</td></tr>
  5. <tr><td class="twocolumn">Telefon:</td><td>000 000 00 00</td><td>011 111 11 1</td></tr>
  6. <tr><td class="twocolumn">Email:</td><td colspan="2">email@email.email</tr>
  7. <tr><td class="twocolumn">WWW:<td colspan="2"><a href="http://</a></td></tr>
  8. <tr><td colspan="4" class="ost"></td></tr>
  9.  

CSS:
  1. table{
  2. margin:10px 0 0 0;
  3. padding:10px;
  4. color:#FFFFFF;
  5. border-left:0.5px solid #009900;
  6. border-bottom:0.5px solid #009900;
  7. border-spacing: 10px 20px;
  8. font-size:0.8em;
  9. }
  10.  
  11. table td.nazwa{
  12. width:170px;
  13. border: 1px solid white;
  14. }
  15. table td.twocolumn{
  16. width:80px;
  17. border-right:1px solid #009900;
  18. }
  19. table td.ost{
  20. width:700px;
  21. }


Może mi ktoś wyjaśnić łopatologicznie dlaczego NAZWA jest źle wyświetlana w IE.

Pozdrawiam.
d3ut3r
problemem jest border-spacing. W IE 8 już powinno być ok w IE 7 coś takiego może pomóc (daj to w stylach dla table)

  1. *border-collapse: expression('separate', cellSpacing = '20px');
adasiu
W stylach zawsze muszą być podane jednostki czyli 170px a szerokość jaką deklarujesz bezpośrednio w komórce tabeli tak nie ma.
Kolejnym problemem jest niedomknięty znacznik td w piątym wierszu tabli oraz problem z deklaracją odsyłacza.

Pozdrawiam i życzę szybkiej i skutecznej nauki.
XP'ek
rowspan="6" class="nazwa" style="width: 170"

po co zostaw sam class
ambitny
XP'ek - style="width:170px" - zapomniałem wywalić. W oryginale tego nie ma (próbuję już wszystkiego)
adasiu - znacznik został domknięty - Dziękuję. Nie do końca rozumiem
Cytat
problem z deklaracją odsyłacza
. Wiadomo - POCZĄTKUJĄCY
d3ut3r -
Cytat
problemem jest border-spacing
- problem spacing rozwiązany, wygląda lepiej ale to jeszcze nie to.

Tracę wiarę w IE aaevil.gif
d3ut3r
pewnie dlatego, że ten spacing to taki hack i możesz ustalić tylko jedną liczbę. A ty masz 10px 20px czyli w IE takiego spacingu nie osiągniesz :/.

  1. <a href="http://</a></td></tr>


tutaj masz problem z odsyłaczem zamknij tag <a>
ambitny
OK, poprawiłem spacing na 1 wartość. Domknięty został a. Wszystko to jednak nie rozwiązuje głównego problemu jakim jest szerokość poszczególnych (głównie 1 komórki).

Zauważyłem też że w IE nie działa to:
CSS
  1. border-left: 1px solid #009900;
  2. border-bottom:1px solid #009900
d3ut3r
wrzuć to gdzieś i daj link to może bardziej pomogę.
ambitny
ok, jutro postaram się wrzucić linka smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.