مشکل با قالب ام در ie !

mf2fx

Member
با سلام خدمت دوستان گرامی
یک قالب کلی با Div ها و ساختار درونی با Table ایجاد کرده ام.
این قالب به خوبی در Mozilla و Chrome کار میکنه ولی نوبت به Internet Explorer که میرسه
گوشه های زیر قالب ام از Container اصلی میزنه بیرون . در واقع من یک Class از Topic هام دارم
که این Class درون Container Div هستش.
این هم عکس :

ممنون
 

pouya saadeghi

Active Member
تا کد رونذارید که نمیشه فهمید مشکل کجاست :-?
ولی حدس میزنم با گذاشتن این div قبل از بسته شدن Container مشکل حل بشه:
HTML:
کد:
<div class="clear_both"></div>
CSS:
کد:
.clear_both{clear:both;}
 

mf2fx

Member
تا کد رونذارید که نمیشه فهمید مشکل کجاست :-?
ولی حدس میزنم با گذاشتن این div قبل از بسته شدن Container مشکل حل بشه:
HTML:
کد:
<div class="clear_both"></div>
CSS:
کد:
.clear_both{clear:both;}

سلام پویا جان
شما چشم بسته کارت درسته ! :cool:
درست شد خیلی ممنون.
میشه بگی clear:both; کارش چیه ؟
ممنون
 

mf2fx

Member
وایییییی ببخشید .
آقا اون صفحه اول درست شد ولی صفحه بعدی که صفحه محصولات باشه اینطوری شده هر کاریش میکنم درست نمیشه .
این دیگه مورد آخر هستش در این زمینه ولی دستور بالا هم روش کار نداد .
چیکار کنم ؟
 

mf2fx

Member
بفرما پویا جان.
راستی خیلی وقته نمیبینم که تو یاهوو On بشی !

کد:
<!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=utf-8" />
<title>وب سایت رسمی شرکت آجر ایکس</title>
<style type="text/css">
<!--
*{
	padding:0;
	margin:0;
}
#container {
	width: 809px;
	height: 700px;
	margin:auto;	
	
}
#container #header {
	height: 137px;
	background-image: url(images/tekrar2.png);
}
#container #header #Header_Logo {
	width: 469px;
	height: 135px;
	float:right;
	background-image: url(images/Logo_Up2.png);
	margin-top: 2px;
}
#container #Menubar_bot {
	margin-top: 15px;
	height: 400px;
	color: #292529;
}
#container #Menubar {
	height: 38px;
	font-size: 10px;
}
#container #header #Flags {
	width: 59px;
	height: 24px;
	margin-left: 17px;
	float: left;
	margin-top: 10px;
}
#Bottom_Circles {
	position:absolute;
	left:933px;
	top:690px;
	width:188px;
	height:198px;
	z-index:1;
	background-image: url(images/bottom_circles.png);
	background-repeat: no-repeat;
}
#container #Menubar_bot #ContentBox {
	width: 515px;
	height: 242px;
	margin: auto;
	padding-top:0px;
}
#container #Menubar_bot table tr td .ContentBox table tr td #desc {
	float: none;
	padding-bottom: 0px;
	text-align: right;
	font-size: 12px;
}
#container #Menubar_bot table tr td .ContentBox {
	margin: auto;
	width: 515px;
	height: 242px;
	margin-top: -350px;
*	margin-top:-400px !important
	
}
body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:10px;
}
#container #Menubar_bot table tr td #ContentBox table tr td p {
	text-align: right;
}
#container #Menubar_bot table tr td .ContentBox table tr td {
	text-align: right;
}
#container #Menubar_bot table tr td .ContentBox table tr td table tr th p {
	text-align: right;
	font-size: 12px;
}
.clear_both{
	clear:both;
}

	
-->

</style>
</head>

<body background="images/patt2.png" bgcolor="201f20">



<div id="container">
<div id = "header">
<div id = "Flags"><img src="images/Header_Flags.png" width="59" height="24" />
	</div>
  <div id = "Header_Logo">
  </div>
</div>
<div id = "Menubar">
<table width="809" height="38" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="18" background="images/Header_Flags_01.png"></td>
    <td width="159" background="images/Header_Flags_02.png"></td>
    <td width="96" background="images/Header_Flags_04.gif"><a href="contact.html"><img src="images/Header_Flags_04.gif" width="96" height="38" border="0" /></a></td>
    <td width="9" background="images/Separator_1.gif"></td>
    <td width="106" background="images/Products_but.gif"><img src="images/Products_but.gif" width="106" height="38" /></td>
    <td  width="10" background="images/Separator_2.gif"></td>
    <td width="136" background="images/Gallery_but.gif"><img src="images/Gallery_but.gif" width="136" height="38" /></td>
    <td width="10" background="images/Separator_3.gif"></td>
    <td width="76" background="images/Home_but.png"><a href="index.html"><img src="images/Home_but.png" width="76" height="38"  border="0"/></a></td>
   
    <td width="36" background="images/R3.png"></td>
     <td width="42" background="images/Header_Flags_02.png"></td>
    <td width="40" background="images/gol_14.png"></td>
    <td width="50" background="images/Header_Flags_02.png"></td>
    <td width="21" background="images/end.png"></td>
  </tr>
</table>

</div>
<div id = "Menubar_bot">
<table width="809" height="38" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="16" height="38" background="images/Menubar_bot_01.png"></td>
    <td width="772" background="images/Menubar_bot_02.png"></td>
    <td width="21" background="images/Menubar_bot_04.png"></td>
  </tr>


 
</table>

<table bgcolor="#201f20" width="809" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="632" background="images/contain_03.png" bgcolor="#201f20">
    
    <div Class = "ContentBox">
      <table width="515" height="241" border="0" align="center" cellpadding="0" cellspacing="0" dir="ltr">
        <tr>
          <td height="48">&nbsp;</td>
          <td height="48">&nbsp;</td>
          <td width="96" rowspan="2" background="images/ContextBox_02.png">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td width="22" height="43" background="images/ContextBox_05.png">&nbsp;</td>
          <td width="378" height="43" background="images/ContextBox_06.png" dir="rtl"> ::. محصولات شرکت</td>
          <td width="19" background="images/ContextBox_04.png">&nbsp;</td>
        </tr>
        <tr dir="rtl">
          <td height="116" background="images/ContextBox_08.png"></td>
          <td height="116" colspan="2" background="images/ContextBox_09.png" dir="ltr" align="left"><p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p></td>
          <td height="116" background="images/ContextBox_11.png"></td>
        </tr>
        <tr>
          <td width="22" height="34" background="images/ContextBox_12.png"></td>
          <td height="34" background="images/ContextBox_13.png"></td>
          <td height="34" background="images/ContextBox_13.png"></td>
          <td height="34" background="images/ContextBox_14.png"></td>
        </tr>
      </table>
    </div>
    </table>
<table width="809" height="21" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="18" background="images/contain_05.png">&nbsp;</td>
    <td width="770" background="images/contain_06.png"></td>
    <td width="21" background="images/contain_08.png"></td>
  </tr>
 
 
</table>
<div id = "Bottom_Circles"></div>
</div>
<div id ="clear_both"></div>
</div>
</body>
</html>

ممنون از راهنمایی و توجهت .
 

pouya saadeghi

Active Member
یاهو زیاد آن نمیشم
--------------
با این کد خالی که من نمیتونم عکسای یکگراند رو ببینم :-?
الان کدوم div مشکل داره؟
 

جدیدترین ارسال ها

بالا