Πρώτα Βήματα - Web Development

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

wsn — Wed, 28 Feb 2007 03:55:36 GMT

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

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

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

Νατάσα Μανουσοπούλου — Tue, 27 Feb 2007 23:11:54 GMT

<!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.

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

wsn — Tue, 27 Feb 2007 22:19:36 GMT

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

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

<!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>

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

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

Νατάσα Μανουσοπούλου — Tue, 27 Feb 2007 20:23:42 GMT

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

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

wsn — Tue, 27 Feb 2007 20:10:33 GMT

Φτιάχνω μια σελίδα σε .ΝΕΤ 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">

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

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