Πρόβλημα με XTML 1.0 Transitional & 100% Height

	Καλώς ορίσατε στο dotNETZone.gr - Σύνδεση \| Εγγραφή \| Βοήθεια σε

Îåêßíçóå áðü ôï ìÝëïò wsn. Τελευταία δημοσίευση από το μέλος wsn στις 27-02-2007, 19:55. Υπάρχουν 4 απαντήσεις.


	Ταξινόμηση Δημοσιεύσεων: Προηγούμενο Επόμενο

27-02-2007, 12:10 25512

wsn
Μέλος από τις 27-02-2007
Δημοσιεύσεις 6

Πρόβλημα με XTML 1.0 Transitional & 100% Height

Φτιάχνω μια σελίδα σε .ΝΕΤ 2.0 στην οποία θα ήθελα να έχω 100% Height. Σύμφωνα με το dtd που δηλώνει το Visual Studio 2005 σε μια νέα σελίδα, δεν μπορώ να το πετύχω.

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

Δοκίμασα με css αλλά το ύψος παραμένει να είναι ανάλογο με το body. Με javascript μόνο σε ΙΕ κατάφερα να έχω 100% Height. Η λύση που θα μπορούσε να προτείνει κάποιος είναι να αφαιρεθεί η γραμμή αυτή ή να αντικατασταθεί από παλιότερο dtd, όπως

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

αλλά δε πιστεύω ότι είναι η καλύτερη λύση να γυρίζουμε πίσω.

Τι άλλο θα μπορούσα να κάνω?

Δημοσίευση στην κατηγορία: XHTML, W3C

Αναφορά Κακοποίησης

27-02-2007, 12:23 25513 σε απάντηση της 25512

Νατάσα Μανουσοπούλου
Μέλος από τις 05-09-2005
Μαρούσι
Δημοσιεύσεις 883

Απ: Πρόβλημα με XTML 1.0 Transitional & 100% Height

Πρώτα πρώτα πρέπει να θέσεις το style του body ως εξής:
margin:0; padding:0; height:100%;
είτε σαν embedded style είτε στο css.
Μετά μπορείς να δώσεις στο div/table σου style με height:100%.

Νατάσα Μανουσοπούλου

Αναφορά Κακοποίησης

27-02-2007, 14:19 25520 σε απάντηση της 25513

wsn
Μέλος από τις 27-02-2007
Δημοσιεύσεις 6

Απ: Πρόβλημα με XTML 1.0 Transitional & 100% Height

Ευχαριστώ για την απάντηση,

Δεν δουλεύει στον κώδικα μου, και επειδή είναι πολύ πιθανό να κάνω κάποιο λάθος, να το δούμε και στην πράξη?

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

<head>

<title>Test Height</title>

</head>

<tr>

<td>

XHTML 1.0 Transitional

</td>

</tr>

</table>

</body>

</html>

Στον κώδικα αυτό αν αφαιρέσουμε την πρώτη γραμμή παίζει σωστά, όπως αναφέρω και στην αρχική δημοσίευση.

Αναφορά Κακοποίησης

27-02-2007, 15:11 25524 σε απάντηση της 25520

Νατάσα Μανουσοπούλου
Μέλος από τις 05-09-2005
Μαρούσι
Δημοσιεύσεις 883

Απ: Πρόβλημα με XTML 1.0 Transitional & 100% Height

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test Height</title>
</head>
<style>
html, body
{
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: Red;
}

#t
{
    height: 100%;
    width: 100%;
    background-color: yellow;
}
</style>

<body>
    <table id="t"><tr><td>XHTML 1.0 Transitional</td></tr></table>
</body>
</html>
Για IE6/7 και Mozilla 2.

Νατάσα Μανουσοπούλου

Αναφορά Κακοποίησης

27-02-2007, 19:55 25532 σε απάντηση της 25524

wsn
Μέλος από τις 27-02-2007
Δημοσιεύσεις 6

Απ: Πρόβλημα με XTML 1.0 Transitional & 100% Height

Σας ευχαριστώ για την απάντηση.

Ναι έπαιξε τώρα σωστά.

Αναφορά Κακοποίησης