[HTML] בעיה עם תצוגת האתר בין 2 הדפדפנים...IE-FF
שלום.
אני החלטתי ללכת על אתר רק עם DIVים...ללא טבלאות...הכל הולך מצוין, חוץ מדבר אחד:(....
יש לי בלוק שמשום מה חלק ממנו נעלם בדפדפן FF....ניסיתי להריץ בדיקת תקינות XHTML....אבל הכל בסדר גמור...אז למה זה מעלים לי?
הנה הקוד:
HTML קוד:
<!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" dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<title>New Page 1</title>
<style type="text/css">
body {
font-family: arial;
font-size: 11px;
background: #FFF;
}
</style>
</head>
<body>
<div align="center">
<div style="width: 742px;" align="right">
<div style="width: 211px; height: 74px; float: left;"><img src="images/logo.gif" width="211" height="74" alt="" /></div>
<div style="width: 59px; height: 74px; float: left;"></div>
<div style="width: 468px; float: left; text-align: center; vertical-align: middle;"><img src="http://adv.freetopsite.co.il/image/smsadv.jpg" width="468" height="60" alt="" /></div>
<div style="width: 4px; height: 74px; float: left;"></div>
<div style="width: 3px; height: 20px; float: left;"></div>
<div style="width: 736px; height: 20px; background: url('images/bar.gif'); color: #FFF; float: left; vertical-align:middle;">טקסט</div>
<div style="width: 3px; height: 20px; float: left;"></div>
<div style="width: 742px; height: 26px; background: url('images/hr.gif');"><img border="0" src="images/hr.gif" width="742" height="26" alt="" /></div>
<div style="width: 3px; float: right"></div>
<div style="width: 736px; height: 214px; float: right">
<div style="width: 472px; height: 214px;">
<div style="width: 124px; height: 20px; background: url('images/b1_05.gif'); float: right;"></div>
<div style="width: 225px; height: 20px; background: url('images/b1_04.gif'); float: right; color: #FFF; vertical-align:middle; font-weight: bold;">טקסט</div>
<div style="width: 123px; height: 20px; background: url('images/b1_03.gif'); float: right;"></div>
<div style="width: 472px; height: 145px; background: url('images/b1_07.gif');">טקסט</div>
<div style="width: 472px; height: 9px; background: url('images/b1_08.gif');">
<img src="images/b1_08.gif" width="472" height="9" alt="" /></div>
</div>
</div>
<div style="width: 3px; float: right"></div>
</div>
</div>
</body>
</html>
הנה החלק של הבלוק:
HTML קוד:
<div style="width: 472px; height: 214px;">
<div style="width: 124px; height: 20px; background: url('images/b1_05.gif'); float: right;"></div>
<div style="width: 225px; height: 20px; background: url('images/b1_04.gif'); float: right; color: #FFF; vertical-align:middle; font-weight: bold;">טקסט</div>
<div style="width: 123px; height: 20px; background: url('images/b1_03.gif'); float: right;"></div>
<div style="width: 472px; height: 145px; background: url('images/b1_07.gif');">טקסט</div>
<div style="width: 472px; height: 9px; background: url('images/b1_08.gif');">
<img src="images/b1_08.gif" width="472" height="9" alt="" /></div>
</div>
מה שמוזר כשאני מציב את הבלוק בעמוד נפרד הכל נראה מושלם...אז למה כשאני מכניס את לשאר העמוד זה מראה לי את זה בצורה גרועה?
מי שרוצה לראות את זה אז הנה:
http://vlad.web.lsrv.co.il/sss/
תודה רבה רבה לכל העוזרים!8-) |
