Απλός κώδικας, διαφορετική εμφάνιση στον ΙΕ, Opera, Mozzila

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
freds
Δημοσιεύσεις: 320
Εγγραφή: 24 Φεβ 2005 16:11

Απλός κώδικας, διαφορετική εμφάνιση στον ΙΕ, Opera, Mozzila

Δημοσίευση από freds » 21 Μαρ 2008 18:53

Έχουμε τον παρακάτω απλό κώδικα σε HTML,

Κώδικας: Επιλογή όλων

<html>
<head>
<title>47</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
</head>

<body>
<table width="100%" height="100%" border="1" cellpadding="2" cellspacing="2">
  <tr>
    <td valign="top">
<div align="center">
        <table width="100%" height="100%" border="1" cellpadding="2" cellspacing="2">
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
      </div></td>
  </tr>
</table>
</body>
</html>


Σε ΙΕ εμφανίζεται όπως θα περίμενε κανείς ( ο εσωτερικός πίνακας να είναι 100% height ) ενώ σε OPERA Και ΜΟΖ είναι εντελώς διαφορετικό, δεν δέχεται το 100% height του εσωτερικού πίνακα...
Καμιά ιδέα πως να το σώσουμε το θέμα&#894;

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Απλός κώδικας, διαφορετική εμφάνιση στον ΙΕ, Opera, Mozzila

Δημοσίευση από skeftomilos » 21 Μαρ 2008 20:16

Δοκίμασε να βάλεις παντού height="100%". Επίσης σιγουρέψου ότι έχεις τον browser σε quirks mode.

Κώδικας: Επιλογή όλων

<table height="100%">
  <tr height="100%">
    <td height="100%">
      <div height="100%">
        <table height="100%">
- Height 100% σε standards mode

freds
Δημοσιεύσεις: 320
Εγγραφή: 24 Φεβ 2005 16:11

Απλός κώδικας, διαφορετική εμφάνιση στον ΙΕ, Opera, Mozzila

Δημοσίευση από freds » 01 Απρ 2008 17:45

Μετά από πολλές μέρες απαντώ στο μήνυμα αυτό.

Ευχαριστώ για την απάντηση skeftomilos. Το λινκ που μου έδωσες με μπέρδεψε λίγο περισσότερο από ότι θα περίμενα.

Αυτό που έκανα τελικά είναι το παρακάτω:

έκανα μία κλάση σε css και μετά την πέρασα σε div.

Δηλαδή η κλάση είναι η παρακάτω

Κώδικας: Επιλογή όλων

.container1&#123;
  text-align&#58; -moz-center;
  height&#58; 100%;
&#125;
και στην συνέχεια κάτι σαν το παρακάτω

Κώδικας: Επιλογή όλων

<div class=container1><table align="center"><tr><td>Text</td></tr></table><div>
Το -moz-center δουλεύει για τον Mozzila Firefox.
Τραβάς και ένα

Κώδικας: Επιλογή όλων

<table align="center" height="100%"> 
για τον ΙΕ και είμαστε μια χαρά. Για τους άλλους Browsers δεν ξέρω τι γίνεται.

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 3 επισκέπτες