Forum PHP.pl > [html5][css]Nagłówek HTML5 i problem z tabelą

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [html5][css]Nagłówek HTML5 i problem z tabelą

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

Adikso

17.09.2011, 21:39:18

Witam,

Mam problem, otóż chciałem przerobić moją stronę aby była zgodna ze standardami HTML5.
Ale gdy dodaje nagłówek "<!DOCTYPE html>" na stronie tabela się powiększa i w dziwny sposób przesuwa teksty.
W celu sprawdzenia usunąłem css i podmieniłem go na styl resetujący, wszystko działało jednak to nie załatwia sprawy.

Bez nagłówka:
http://i.imgur.com/oISOD.jpg

Z nagłówkiem:
http://i.imgur.com/0iLi6.jpg

Tabelka:

[HTML] pobierz, plaintext 
<div id='container'><h1>
<table border='0' width='100%'>
<tr class="color1" ><td colspan="5"># <a href="index.php?kategoria='.$category['name'].'">'.$category['name'].'</a></tr>
<tr class="color2"><td>Kategoria:</td><td>Tematy</td><td>Posty</td><td>Ostatni post</td></tr>
<tr class="color3"><td width="70%"><a href="viewforum.php?view='.$product['name'].'">'.$product['name'].'</a><br><div style="text-indent: 20px;">'.$product['opis'].'</div></td><td><center>'.$product['ile_tematy'].'</center></td><td><center>'.$product['ile_posty'].'</center></td><td><center><a href="user.php?view='.$temp['id'].'">'.$autor.'</a><br/>'.$data.'</center>
[HTML] pobierz, plaintext

Bardzo was proszę o pomoc. Mam nadzieje że nie sprawi wam to problemu.
Z góry dziękuje

Damonsson

17.09.2011, 22:48:53

http://validator.w3.org/

Rid

17.09.2011, 22:49:57

Ja tam nie widzę znaczącej różnicy poza zmianą wielkości czcionek w tabelce,przez co tabela się rozciąga.
Spróbuj znaleźć wielkość czcionek w css'ie,albo na sztywno ustawić wielkości czcionek na tabelce.

Adikso

18.09.2011, 09:47:25

Damonsson, pierwsza rzecz którą zrobiłem to był właśnie ten validator

Dzięki Rid, nie pomyślałem.
Dodałem do css zmianę wielkości czcionki dla tabeli i wyrównanie w niektórych miejscach i wygląda tak jak powinno.
Natomiast komórki które chciałem aby były wyrównane do lewej dałem klasę left. (class='left')

Kod

table {
font-size: 13px;
}
td.left {
text-align: left;
}

Temat można zamknąć.

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.