Tabellen in IE doen raar - Forum

Nick Mulder

27-02-2007 21:40

Waarschijnelijk iets met height... mooi moment om over te stappen op div's + css en hippe tableless designs te gaan maken ;)

F

Fred Binnenpret

27-02-2007 21:50

Bedankt voor de reactie maar:
Als ik mijn height verrander moet ik pixels aangeven.. dus als ik straks het nieuws systeem toevoeg denk ik: dat als ik dan een lang bericht post. past het niet op de pagina... of niet?

F

Fred Binnenpret

27-02-2007 21:52

En waarom is IE altijd anders in design ik word er gek van...

A

Axel de Mol

27-02-2007 23:56

bij mij in opera werkt het overigens allemaal goed, in IE6 dus totaal niet. Zal wel weer een dom kwaaltje zijn van IE. Maarja, aangezien IE voor de meeste mensen de main browser is, zal het helaas opgelost moeten worden. Ben bang dat ik helaas geen oplossing heb.

T

Toine vd P

28-02-2007 00:18

post de desbetreffende code even

J

Jurgen assaasas

28-02-2007 00:33

leer meteen CSS ipv van tables, velen hier, waaronder ik hebben dit al meegemaakt met tables. het werkt best mooi. Maar als je eenmaal CSS gewend bent dan wil je niet meer anders.

F

Fred Binnenpret

28-02-2007 11:20

De code heb ik hier:


<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Beta Design</title>
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
	background-image: url(Design/images/Bg.jpg);
	background-repeat: repeat-x;
	margin-left: 000px;
	margin-top: 000px;
	margin-right: 000px;
	margin-bottom: 000px;
	}
.bg_left {
	background-image:url(Design/images/Bg_Left.jpg);
	background-repeat: no-repeat;
	background-color:#C1DC7F;
	width: 16px;
	height: 690px;
	}
.bg_leftdown {
	background-image:url(Design/images/Bg_Leftdown.jpg);
	background-repeat: repeat-y;
	background-color:#C1DC7F;
	width: 16px;
	height: 1px;
	}
.bg_right {
	background-image:url(Design/images/Bg_Right.jpg);
	background-repeat: no-repeat;
	background-color:#C1DC7F;
	width: 16px;
	height: 690px;
	}
.bg_rightdown {
	background-image:url(Design/images/Bg_Rightdown.jpg);
	background-repeat: repeat-y;
	background-color:#C1DC7F;
	width: 16px;
	height: 1px;
	}
.bg {
	background-color:#C1DC7F;
	width: 573px;
	height: inherit;
	}
.head {
	background-image:url(Design/images/Head.jpg);
	background-repeat: no-repeat;
	background-color:#C1DC7F;
	width: 573px;
	height: 160px;
	}
.page {
	width: 362px;
	height: auto;
	background-image: url(Design/images/page_bg.jpg);
	background-repeat: repeat-y;
	}
.menu_bg {
	width: 211px;
	height: 320px;
	background-image: url(Design/images/bg_menu.jpg);
	background-repeat: repeat-y;
	vertical-align: top;
	top: inherit;
	}
.menu_bg_bg {
	width: auto;
	height: auto;
	background-color: #C1DC7F;
	}
.Empty {
	background-color:#C1DC7F;
	}
.Flash {
	background-image: url(Design/images/Flash_object.jpg);
	}
.KlikTxt {
	font-size: 12px;
	font-family: Arial;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
</head>

<body onload="MM_preloadImages('Design/Menu/Start_up.jpg','Design/Menu/Start_over.jpg','Design/Menu/Start.jpg','Design/Menu/Info_up.jpg','Design/Menu/Info_over.jpg','Design/Menu/Info.jpg')">
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <th width="16" rowspan="6" class="bg_left" scope="row">&nbsp;</th>
    <th height="26" colspan="4" class="head" scope="row">&nbsp;</th>
    <th width="16" rowspan="6" class="bg_right" scope="row">&nbsp;</th>
  </tr>
  
  <tr>
    <th height="243" colspan="3" valign="top" class="menu_bg" scope="row"><table width="205" border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
        <th width="14" scope="col">&nbsp;</th>
        <th width="180" scope="col"><table border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><table border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td><a href="Index.php" target="_top" onclick="MM_nbGroup('down','group1','Home','Design/Menu/Start_up.jpg',1)" onmouseover="MM_nbGroup('over','Home','Design/Menu/Start_over.jpg','Design/Menu/Start.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="Design/Menu/Start.jpg" alt="" name="Home" width="175" height="38" border="0" id="Home" onload="" /></a></td>
              </tr>
              <tr>
                <td><a href="Info.php" target="_top" onclick="MM_nbGroup('down','group1','Info','Design/Menu/Info_up.jpg',1)" onmouseover="MM_nbGroup('over','Info','Design/Menu/Info_over.jpg','Design/Menu/Info.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="Design/Menu/Info.jpg" alt="" name="Info" width="175" height="38" border="0" id="Info" onload="" /></a></td>
              </tr>
            </table>            </td>
          </tr>
        </table>        </th>
        <th width="11" scope="col">&nbsp;</th>
      </tr>
      <tr>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
        <th scope="col">&nbsp;</th>
      </tr>
      
      <tr>
        <th scope="col">&nbsp;</th>
        <th scope="col"><a href="Gallery.php"></a><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="170" height="128" hspace="1" vspace="1" align="middle" title="Klik om de foto's te bekijken">
          <param name="movie" value="slideshow.swf" />
          <param name="quality" value="high" />
          <param name="BGCOLOR" value="#000000" />
          <embed src="slideshow.swf" width="170" height="128" hspace="1" vspace="1" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
        </object></th>
        <th scope="col">&nbsp;</th>
      </tr>
      <tr>
        <th scope="col">&nbsp;</th>
        <th scope="col"><span class="KlikTxt"><a href="Gallery/">>> Meer foto's</a></span></th>
        <th scope="col">&nbsp;</th>
      </tr>

    </table>
      <p>&nbsp;      </p>    </th>
    <th width="570" rowspan="2" valign="top" bgcolor="#C1DC7F" class="page" scope="row"><div align="left"></div></th>
  </tr>
  <tr>
    <th height="109" colspan="3" class="Empty" scope="row">&nbsp;</th>
  </tr>
  
  <tr>
    <th colspan="4" class="bg" scope="row">&nbsp;</th>
  </tr>
</table>
</body>
</html>

Ik werk allang met CSS maar nog nooit dit probleem tegen gekomen.

J

Jurgen assaasas

28-02-2007 11:24

je werkt idd met CSS, maar ik zie nog overal tr, td's zo'n layout zou er in CSS ongv zo uitzien

[script]
<div id="mainholder">
<div id="header"></div>
<div id="menu">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<div id="content">
Lorem Ipsum dorum.....
</div>
</div>
[/script]

F

Fred Binnenpret

28-02-2007 17:31

volgens mij kan ik beter tabellen gebruiken voor het plaatsen dan div's

J

Jurgen assaasas

28-02-2007 17:37

hoezo dat? die paar regels script(divs) vervangen heel jou TR/TD/TH's

t is minder werk+minder regels dus ook minder data waardoor je pagina kleiner wordt.