ورود

View Full Version : مشکل در تگ 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 صبح
من کدتو امتحان نکردم فقط چیزی که بالا اشتباه دیدم اینکه شما دو تا کلاس تعریف کردید ولی توی css از کد# برای class استفاده کردید
درستش اینه

.div2{
width: 150px;
background-color: #FFCCFF;
float: right;
right: 40px
}
به جای # از نقطه استفاده کن

چون حالت های مختلف را تست می کردم این جا اشتباه گذاشته بودم به هر ممنونم.
Chabok
چهارشنبه 01 خرداد 1387, 17:16 عصر
با سلام
یک مشکل با طراحی بدون جدول و استفاده از 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>
ممنون میشم کمک کنید .
خدانگهدار
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 استفاده کردم و حل شد .
ممنون از همگی .موفق باشید .