مشکل در تگ div در firefox,ie

**naeemeh** · دوشنبه 26 فروردین 1387, 08:38 صبح

من این کدها را نوشتم می خواهم div سطح بالاتر که در زیر قرار دارد رنگ داشته باشد ولی در firefox اشتباه ولی در ie درست نمایش داده می شود. این کدها است لطفاً راهنمایی فرمایید.
css:
body{
background-image: url('image/backjostejo.jpg');
}
#div1{
background-color: #CC3366;
width: 600px;
background-image: url(image/Untitled-1.gif)
}
#div2{
width: 150px;
background-color: #FFCCFF;
float: right;
right: 40px
}
#div3{
width: 150px;
background-color: #FFCCFF;
left: 40px;
float: left
}

html
<div id="div1">
<div class="div2">Content for id "ddfsdf" Goes Here</div>
<div class="div3">Content for id "sdfdf" Goes Here</div>
</div>

**امید امرایی** · دوشنبه 26 فروردین 1387, 13:43 عصر

کد ها به این شکل خوانا تر می شن !!

 body{

background-image: url('image/backjostejo.jpg');

  }

 #div1{

  background-color: #CC3366;

  width: 600px;

  background-image: url(image/Untitled-1.gif)

}

 #div2{

  width: 150px;

  background-color: #FFCCFF;

  float: right;

  right: 40px

}

 #div3{

  width: 150px;

  background-color: #FFCCFF;

  left: 40px;

  float: left

}



html

<div id="div1">

  <div class="div2">Content for  id "ddfsdf" Goes Here</div>

  <div class="div3">Content for  id "sdfdf" Goes Here</div>

</div>

منظورتون هم اصلا واضح نیست .

**naeemeh** · دوشنبه 26 فروردین 1387, 17:04 عصر

چنانچه کدها را امتحان کنید می بینید که در ie رنگ div1 وجود داره ولی در fire نیست و چه طوری اندازه آن را با تگ های داخلش ست کنم

**ehsan2007** · دوشنبه 26 فروردین 1387, 19:59 عصر

من کدتو امتحان نکردم فقط چیزی که بالا اشتباه دیدم اینکه شما دو تا کلاس تعریف کردید ولی توی css از کد# برای class استفاده کردید
درستش اینه

 .div2{

  width: 150px;

  background-color: #FFCCFF;

  float: right;

  right: 40px

}

به جای # از نقطه استفاده کن

**raravaice** · سه شنبه 27 فروردین 1387, 18:07 عصر

سلام

همیشه یه جا float رو پاک کن.



<body>

    <div id="div1">

        <div class="div2">Content for id "ddfsdf" Goes Here</div>

        <div class="div3">Content for id "sdfdf" Goes Here</div>

        <div style="clear: both"></div>

    </div>

</body>

موفق باشید

**naeemeh** · چهارشنبه 28 فروردین 1387, 08:18 صبح

نوشته شده توسط ehsan2007

من کدتو امتحان نکردم فقط چیزی که بالا اشتباه دیدم اینکه شما دو تا کلاس تعریف کردید ولی توی css از کد# برای class استفاده کردید
درستش اینه

 .div2{

  width: 150px;

  background-color: #FFCCFF;

  float: right;

  right: 40px

}

به جای # از نقطه استفاده کن

چون حالت های مختلف را تست می کردم این جا اشتباه گذاشته بودم به هر ممنونم.

**Chabok** · چهارشنبه 01 خرداد 1387, 17:16 عصر

با سلام
یک مشکل با طراحی بدون جدول و استفاده از Float در تگ Div دارم.
من در تگ Div اول یک جدول دارم .(اینجا دیگه حال بدون جدول نداشتم)

و در Div دوم یک عکس دارم
حالا مشکل اینجاست که وقتی صفحه کوچیک میشه در فایرفاکس عکس جلوی جدوله رو میگیره و در IE عکس به سطر بعد منتقل میشه .

هر دوی این حالت زمانی رخ میدهد که سایز پنجره کوچک شود و اینها به صورت معمولی جا کم بیارن .

در اصل میخوام همانند Table این دو ستون در کنار هم کاری به هم نداشته باشند و ثابت بمونند .

FireFox

IE

این هم شبه کد من :



        <div style="width: 75%; float: right;">

            Table

        </div>

        <div style="width: 25%; float: right;">

            <img />

        </div>

        <div style="clear: right;">

        </div>

ممنون میشم کمک کنید .
خدانگهدار

**twelve** · چهارشنبه 01 خرداد 1387, 17:24 عصر

برای width از درصد استفاده نکن ، از pt یا px استفاده کن.

**Chabok** · چهارشنبه 01 خرداد 1387, 17:27 عصر

مشکل همینه که مجبورم درصدی استفاده کنم . چندین حالت نمایش دارم .
این در اصل یک یوزر کنترله که در شرایط متفاوت سایز عکس و جدول تغییر میکنه

برم سراغ همون Table خودمون ؟
ظاهرا این TableLess هم مصیبت های خودش رو داره .

**raravaice** · چهارشنبه 01 خرداد 1387, 18:07 عصر

کل تگ هاتو بزار توی یه DIV که اون برات اینارو fix کنه.

موفق باشید

**Chabok** · چهارشنبه 01 خرداد 1387, 18:13 عصر

با سلام
ممنون از شما
اتفاقا همش توی یک Div است به صورت زیر :



 <div style="width: 100%;" align="center">

**twelve** · چهارشنبه 01 خرداد 1387, 19:31 عصر

به هر حال تنها راهی که ظاهرا وجود داره فیکس کردن سایز هاست

**Chabok** · پنج شنبه 02 خرداد 1387, 19:00 عصر

با سلام
راستش نمیتونستم از سایز فیکس شده استفاده کنم.
با اجازه دوستان از Table استفاده کردم و حل شد .
ممنون از همگی .موفق باشید .

نام تاپیک: مشکل در تگ div در firefox,ie

ابزار های تاپیک

نمایش

مشکل در تگ div در firefox,ie

مشکل با Float تگ Div

نقل قول: مشکل در تگ div در firefox,ie

برچسب های این تاپیک

قوانین ایجاد تاپیک در تالار