Προς το περιεχόμενο

XHTML και table heght: 100% της σελίδας. Πως;


StavrosD

Προτεινόμενες αναρτήσεις

Προσπαθώ να φτιάξω ένα table που να πιάνει όλη την σελίδα, ώστε να τοποθετήσω όπως θέλω τα πράγματα στην σελίδα μου (συγκεκριμένα ένα header, μερικά cell με κείμενο ή άλλες σελίδες, και τέρμα κάτω στην σελίδα κάποιο κείμενο.

 

 

Έκανα και το εξής απλό και δεν λειτουργεί:

 

<table style="vertical-align: middle; width: 100%; height: 100%; text-align: center">

<tr>

<td>τεστ</td>

</tr>

</table>

 

Κανονικά θα έπρεπε στο κέντρο του παραθύρου να γράψει την λέξη "τεστ"

 

Αλλά δυστυχώς το γράφει στο μέσο στο πάνω μέρος του παραθύρου.

Ξέρει κανείς κάποια εναλλακτική λύση; (χωρίς όμως framesets, και όχι για συγκεκριμένες διαστάσεις παραθύρου.)

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Παρατήρησα το εξής: το visual studio εισάγει το εξής στην αρχή της σελίδας:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

 

Μήπως είναι στις προδιαγραφές της xhtml;

 

Όταν αφαιρώ αυτές τις γραμμές λειτουργεί άψογα.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

  • 2 εβδομάδες αργότερα...

Το πρόβλημα βρίσκεται στην ερμηνεία του height:100%, αφορά την οθόνη ή το parent element; Όταν οι browsers βρίσκονται σε quirks-mode (χωρίς τη δήλωση DOCTYPE) το ερμηνεύουν ως το 100% της οθόνης. Το τυπικά σωστό είναι όμως το 100% του parent element. Επομένως πρέπει να προστεθούν τα εξής:

 

><style type="text/css">
 html { height:100%}
 body { height:100%; margin: 0px; padding: 0px}
</style>

 

Το vertical-align: middle δεν είναι εντελώς απαραίτητο, καθώς είναι η default θέση για τα περιεχόμενα ενός table cell.

Συνδέστε για να σχολιάσετε
Κοινοποίηση σε άλλες σελίδες

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

  • Δημιουργία νέου...