Πρόβλημα με height: 100% στον IE

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

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

Απάντηση
pantelispyla
Δημοσιεύσεις: 45
Εγγραφή: 06 Νοέμ 2009 10:20

Πρόβλημα με height: 100% στον IE

Δημοσίευση από pantelispyla » 11 Απρ 2012 09:37

Δίνω height 100% σε πίνακα στους Chrome, Firefox δουλεύει, στον IE6 τίποτα. Έχω δοκιμάσει δίαφορα Doctype όπως επίσης και σε div και πάλι τα ίδια. Έχει κανένας τίποτα στα υπόψιν;

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Πρόβλημα με height: 100% στον IE

Δημοσίευση από korgr » 11 Απρ 2012 10:12

Δηλαδή κάτι τέτοιο δεν σου δουλεύει;

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

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>100% height in IE6!!!</title>
<style>
html, body &#123;
	height&#58;100%;
	margin&#58;0;
	padding&#58;0;
&#125;
</style>
</head>

<body>
<table style="height&#58;100%; background-color&#58;silver">
<tr>
<td>100% height in IE6!!!</td>
</tr>
</table>
</body>
</html>

pantelispyla
Δημοσιεύσεις: 45
Εγγραφή: 06 Νοέμ 2009 10:20

Πρόβλημα με height: 100% στον IE

Δημοσίευση από pantelispyla » 11 Απρ 2012 10:56

Ευχαριστώ για την απάντηση. Αυτό που μου έστειλες δουλεύει αλλά όταν έχω πίνακα μέσα σε πίνακα δεν δουλεύει. Π.χ στον κώδικα από κάτω ο δεύτερος πίνακας δεν γίνεται 100%

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

<!DOCTYPE HTML> 
<html>
	<head>
		<title>aspersa</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		 <style> 
		html, body &#123; 
		   height&#58;100%; 
		   margin&#58;0; 
		   padding&#58;0; 
		&#125; 
		</style>
	</head>
	<body>
		<table border="0" cellspacing="0" cellpadding="0" style="height&#58;100%; width&#58; 800px; background-color&#58;silver">
			<tr>
				<td valign="top">
					<table border="0" style="height&#58; 100%; width&#58; 400px;  background-color&#58;green;" cellspacing="0" cellpadding="0">
						<tr>
							<td>100% table height</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Πρόβλημα με height: 100% στον IE

Δημοσίευση από korgr » 11 Απρ 2012 12:30

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

<!DOCTYPE HTML> 
<html> 
   <head> 
      <title>aspersa</title> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
       <style> 
      html, body &#123; 
         height&#58;100%; 
         margin&#58;0; 
         padding&#58;0; 
      &#125; 
      </style> 
   </head> 
   <body> 
      <table border="0" cellspacing="0" cellpadding="0" style="height&#58;100%; width&#58; 800px; background-color&#58;silver"> 
         <tr> 
            <td valign="top" style="height&#58;100%"> 
               <table border="0" style="height&#58; inherit; width&#58; 400px;  background-color&#58;green;" cellspacing="0" cellpadding="0"> 
                  <tr> 
                     <td>100% table height</td> 
                  </tr> 
               </table> 
            </td> 
         </tr> 
      </table> 
   </body> 
</html> 

pantelispyla
Δημοσιεύσεις: 45
Εγγραφή: 06 Νοέμ 2009 10:20

Πρόβλημα με height: 100% στον IE

Δημοσίευση από pantelispyla » 11 Απρ 2012 12:48

Ευχαριστώ Korgr για την απάντηση. Σωστά το έχεις γράψει. Το πρόβλημα κτίζοντας την σελίδα εμφανίζεται παρακάτω που όταν κάνω αυτό το 100% σε κάποιο <td> παίρνει το 100% της οθόνης και όχι του συγκεκριμένου πίνακα που βρίσκεται η στήλη. Και αυτά πάντα στον IE6.

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Πρόβλημα με height: 100% στον IE

Δημοσίευση από korgr » 11 Απρ 2012 12:55

Δεν το κατάλαβα αυτό.
Για δώσε τον κώδικα όπως διαμορφώνεται όταν δεν δουλεύει...

Πάντως όπως και να έχει υπάρχει και αυτή η αντιμετώπιση:

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

function getInternetExplorerVersion&#40;&#41;&#123;
  var rv = -1; 
  if &#40;navigator.appName == 'Microsoft Internet Explorer'&#41;  &#123;
    var ua = navigator.userAgent;
    var re  = new RegExp&#40;"MSIE &#40;&#91;0-9&#93;&#123;1,&#125;&#91;\.0-9&#93;&#123;0,&#125;&#41;"&#41;;
    if &#40;re.exec&#40;ua&#41; != null&#41;
      rv = parseFloat&#40; RegExp.$1 &#41;;
  &#125;
  return rv;
&#125;
var v = getInternetExplorerVersion&#40;&#41;;
if&#40; v < 8 && v != -1 &#41;&#123;
alert&#40;"Please get a modern browser or get a life!"&#41;;
document.location.href="https&#58;//www.google.com/chrome";
&#125;
:lol:

pantelispyla
Δημοσιεύσεις: 45
Εγγραφή: 06 Νοέμ 2009 10:20

Πρόβλημα με height: 100% στον IE

Δημοσίευση από pantelispyla » 11 Απρ 2012 12:57

ok δώσε μου λίγο χρόνο να στο φτιάξω με χρώματα γιατί έχω μέσα background images.

pantelispyla
Δημοσιεύσεις: 45
Εγγραφή: 06 Νοέμ 2009 10:20

Πρόβλημα με height: 100% στον IE

Δημοσίευση από pantelispyla » 11 Απρ 2012 13:29

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>aspersa</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		 <style> 
		html, body &#123; 
		   height&#58;100%; 
		   margin&#58;0; 
		   padding&#58;0; 
		&#125; 
		</style>
	</head>
	<body bgcolor="#b3b977">
		<table border="0" cellspacing="0" cellpadding="0" style="height&#58;100%; width&#58; 100%">
			<tr>
				<td height="100%" align="center">
					<table border="1" style="height&#58; 100%; width&#58; 839px; background&#58; white;" cellspacing="0" cellpadding="0">
						<tr>
							<td width="26" height="10" style="background&#58; silver">&nbsp;</td>
							<td width="802" height="10" style="background&#58; silver">&nbsp;</td>
							<td width="11" height="10" style="background&#58; silver">&nbsp;</td>
						</tr>
						<tr>
							<td width="26" height="182" style="background&#58; green">&nbsp;</td>
							<td width="802" height="182" style="background&#58; green">&nbsp;</td>
							<td height="182" width="11" style="background&#58; green">&nbsp;</td>
						</tr>
						<tr>
							<td width="26" height="42" style="background&#58; yellow">&nbsp;</td>
							<td width="802" height="42" style="background&#58; yellow">&nbsp;</td>
							<td width="11" height="42" style="background&#58; yellow">&nbsp;</td>
						</tr>
						<tr>
							<td width="26" height="14" style="background&#58; blue">&nbsp;</td>
							<td width="802" height="14" style="background&#58; blue">&nbsp;</td>
							<td width="11" height="14" style="background&#58; blue">&nbsp;</td>
						</tr>
						<tr>
							<td width="26" height="34" style="background&#58; orange">&nbsp;</td>
							<td width="802" height="34" style="background&#58; orange">&nbsp;</td>
							<td width="11" height="34" style="background&#58; orange">&nbsp;</td>
						</tr>
						<tr>
							<td width="26" height="100%" >&nbsp;</td>
							<td width="802" height="100%" style="background&#58; #ddd6bc" valign="top">data from db - problem with td height 100%</td>
							<td width="11" height="100%">&nbsp;</td>
						</tr>
						<tr>
							<td width="26" height="14" style="background&#58; #989175">&nbsp;</td>
							<td width="802" height="14" style="background&#58; #989175">&nbsp;</td>
							<td width="11" height="14" style="background&#58; #989175">&nbsp;</td>
						</tr>
						<tr>
							<td width="26" height="70" style="background&#58; #b7b094">&nbsp;</td>
							<td width="802" height="70" style="background&#58; #b7b094" align="center">
								© copyrigts  |  image map  |  term & conditions
							</td>
							<td width="11" height="70" style="background&#58; #b7b094">&nbsp;</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Πρόβλημα με height: 100% στον IE

Δημοσίευση από korgr » 11 Απρ 2012 15:04

Μήπως να το δεις με divs, css κλπ?

Απάντηση

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

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

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