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

Printable View

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

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

من این کدها را نوشتم می خواهم 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>

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

 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, 17:04 عصر
naeemeh

چنانچه کدها را امتحان کنید می بینید که در ie رنگ div1 وجود داره ولی در fire نیست و چه طوری اندازه آن را با تگ های داخلش ست کنم
دوشنبه 26 فروردین 1387, 19:59 عصر
ehsan2007
من کدتو امتحان نکردم فقط چیزی که بالا اشتباه دیدم اینکه شما دو تا کلاس تعریف کردید ولی توی css از کد# برای class استفاده کردید
درستش اینه
```
 .div2{

  width: 150px;

  background-color: #FFCCFF;

  float: right;

  right: 40px

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

سلام

همیشه یه جا 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>

موفق باشید

چهارشنبه 28 فروردین 1387, 08:18 صبح
naeemeh
نقل قول:
نوشته شده توسط ehsan2007

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

.div2{
width: 150px;
background-color: #FFCCFF;
float: right;
right: 40px
}

به جای # از نقطه استفاده کن
چون حالت های مختلف را تست می کردم این جا اشتباه گذاشته بودم به هر ممنونم.
چهارشنبه 01 خرداد 1387, 17:16 عصر
Chabok

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

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

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

http://i29.tinypic.com/10pply0.jpg

IE

http://i31.tinypic.com/6yz32w.jpg
این هم شبه کد من :

<div style="width: 75%; float: right;">
Table
</div>
<div style="width: 25%; float: right;">
<img />
</div>
<div style="clear: right;">
</div>

ممنون میشم کمک کنید .
خدانگهدار
چهارشنبه 01 خرداد 1387, 17:24 عصر
twelve

برای width از درصد استفاده نکن ، از pt یا px استفاده کن.
چهارشنبه 01 خرداد 1387, 17:27 عصر
Chabok

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

برم سراغ همون Table خودمون ؟
ظاهرا این TableLess هم مصیبت های خودش رو داره .
چهارشنبه 01 خرداد 1387, 18:07 عصر
raravaice

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

موفق باشید
چهارشنبه 01 خرداد 1387, 18:13 عصر
Chabok
با سلام
ممنون از شما
اتفاقا همش توی یک Div است به صورت زیر :
```
 <div style="width: 100%;" align="center">
```
چهارشنبه 01 خرداد 1387, 19:31 عصر
twelve

به هر حال تنها راهی که ظاهرا وجود داره فیکس کردن سایز هاست
پنج شنبه 02 خرداد 1387, 19:00 عصر
Chabok

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

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