يبقى ال Table منتصر
انا أقصد بتأثر الخلايا ببعضها
لنفرض أنك وضعت Div وتحتها Div اخر
وكانت ال Div الاوى تحوي نص طويل فانها سوف تمتد لكي تلائم حجم النص .
المشكلة التي سوف نواجهها ان ال Div الثانية سوف تعوم على الاولى .....
وهاكم مثال :
كود PHP:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head><div id="winoXlw" style="position:absolute; left:220px; top:6px; width:712px; height:130px; z-index:1; background-color: #CC0033; layer-background-color: #CC0033; border: 1px none #000000;">xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg td xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg td xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd xfhdh dhg d d dtd</div>
<div id="winoXlw" style="position:absolute; left:940px; top:279px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>
<div id="winoXlw" style="position:absolute; left:940px; top:142px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>
<div id="winoXlw" style="position:absolute; left:940px; top:7px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>
<div id="winoXlw" style="position:absolute; left:312px; top:342px; width:574px; height:127px; z-index:1; background-color: #CCFFCC; layer-background-color: #CCFFCC; border: 1px none #000000;"></div>
<div id="winoXlw" style="position:absolute; left:70px; top:280px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>
<div id="winoXlw" style="position:absolute; left:70px; top:144px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>
<div id="winoXlw" style="position:absolute; left:70px; top:7px; width:139px; height:127px; z-index:1; background-color: #993300; layer-background-color: #993300; border: 1px none #000000;"></div>
<SCRIPT>
<!--
var screenW = 1150-20;
var screenH = 864-20;
window.onload = function(){
/*________________________*\
Script: Px2Percent V 1.1
By: Ibrahim Bidi
Nike: Zizwar`
FixBug Table instead DIV by : beshoo
Email: admin@Zizwar.info
Url: Winoscript.com,
\*________________________*/
var p = "%",i,s,subId,dS,tagDiv=tagDiv = document.getElementsByTagName("div");
for(i=0; i<tagDiv.length; i++){
if(tagDiv[i].id.indexOf("winoX") != -1){
subId = tagDiv[i].id.substring(5,tagDiv[i].id.length);
dS = tagDiv[i].style;
for(s=0;s<subId.length;s++){
switch(subId.charAt(s)){
case 'l':if(dS.left)dS.left = parseInt((parseInt(dS.left)/screenW)*100)+p;break;
case 't':if(dS.top)dS.top = parseInt((parseInt(dS.top)/screenH)*100)+p;break;
case 'w':if(dS.width)dS.width = parseInt((parseInt(dS.width)/screenW)*100)+p;break;
case 'h':if(dS.height)dS.height = parseInt((parseInt(dS.height)/screenH)*100)+p;/*alert(dS.height);*/break;
}
}
}
}
}
//-->
</SCRIPT>