[ HTML & W3C] Strona na środku przeglądarki

mkozak · Post autor: **mkozak** » pt cze 24, 2005 11:34 am

Witam,
Tworzę stronę w standardzie HTML 4.01 pod kontem poprawności z W3C.

Potrzebuję ustawić stronę na środku okna przeglądarki w obu osiach.

Normalnie zrobił bym to tak:

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="100%" height="100%" valign="middle" align="center">



</td>
</tr>
</table>

Jak pewnie wiecie w tym przypadku element TABLE nie może mieć atrybutu HEIGHT. Jest on nie zgodny ze standardem.

Jak otrzymać ten sam efekt stylem, czy div-em?
Jakby ktoś znał rozwiązanie nie tylko dla IE, ale działające również w Mozilli to by było bosko.

Pozdro

Stig · Post autor: **Stig** » pt cze 24, 2005 2:35 pm

Temat był już poruszany na forum: http://www.webinside.pl/forum/viewtopic.php?t=4929

viraptor · Post autor: **viraptor** » pt cze 24, 2005 11:06 pm

Ale średnio tam był rozwiązany - może lepiej div'a na cały ekran, a potem w div'ie na środku w pionie umieszczać?
Czyli w css:
html, body, div#glowny { height: 100%; width: 100%; margin: 0; }
A potem do div'a głównego reszte?

ubiquality · Post autor: **ubiquality** » czw cze 30, 2005 11:35 pm

Więc to jest tak:

border:
właściwość CSS: border
cellpadding
CSS: padding
cellspacing
CSS: border-spacing
width
CSS: width roaz table-layout
frame
CSS: border
align,valign
CSS: text-align, vertical-align

a strone na środku zrobiłbym w ten sposób:

plik CSS:
table, tr, td, ol {
border: 0pt;
padding: 0pt;
border-spacing: 0pt;
border-collapse: collapse;
margin: 0pt auto;
}

a w pliku HTML:

<table>
<tr>
<td style="vertical-align: middle; text-align: center;">

</td>
</tr>
</table>

Generalnie za wyśrodkowanie tabelki na stronie odpowiada to:
margin: 0pt auto;

mkozak · Post autor: **mkozak** » czw wrz 22, 2005 11:06 pm

Sprawę rozwiązuje styl dla tabeli w której zamykamy stronę.

Kod: Zaznacz cały

<style>
html,body {
        margin: 0;
        padding: 0;
        height: 100%;
}
</style>
<body>
<div style="height:100%; vertical-align:middle;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="height:100%;">

   <tr>
   <td width="100%" height="100%" valign="top" align="center">

   STRONA

   </td>
   </tr>
</table>
</div>
</body>

masterix · Post autor: **masterix** » pt wrz 23, 2005 2:40 pm

Tabelka z 1 wierszem i jedną komórką to jest kiepski pomysł. Nawet chyba nie przejdzie walidacji na w3.org jako zły kontekst użycia

Lepiej to umieścić po prostu w divie

pzdr.

[ HTML & W3C] Strona na środku przeglądarki

[ HTML & W3C] Strona na środku przeglądarki

Re: [ HTML & W3C] Strona na środku przeglądarki

Re: [ HTML & W3C] Strona na środku przeglądarki

Re: [ HTML & W3C] Strona na środku przeglądarki

Re: [ HTML & W3C] Strona na środku przeglądarki

Re: [ HTML & W3C] Strona na środku przeglądarki