[HTML] בעיה עם תצוגת האתר בין 2 הדפדפנים...IE-FF - הוסטס

-VladK- · 09-07-06, 08:26

שלום.

אני החלטתי ללכת על אתר רק עם 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/

תודה רבה רבה לכל העוזרים!


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)