مشکل clear:both در ie7 برای رفتن به خط جدید در یک فرم [بایگانی]

elaheDesigner

شنبه 30 شهریور 1392, 15:45 عصر

با عرض سلام خدمت دوستان عزیز

من یک فرم دارم که شامل یکسری div هست که داخل هر کدام از آنها یکسری از المانهای فرم قرار دارند . میخواهم یک کلاس تعریف کنم که با اضافه کردن به هر یک از div ها بتوان به خط بعدی رفت و ادامه المانها را در خط بعدی ادامه داد برای اینکار کلاسی بصورت زیر استفاده کرده ام :

{newline{clear:both

که در همه بروزها جواب میدهد اما در ie7 جواب نمیدهد و در ie7 تنها آن المانی که این کلاس را دارد به خط بعد میرود و المانهای بعدی ادامه همان خط را پر میکنن .
از دوستان عزیز عاجزانه در خواست مساعدت می نمایم .
با تشکر

دانیال دزفولی

شنبه 30 شهریور 1392, 16:04 عصر

نظر من و میخوای :گور بابای ie10 به پائین من هرسایتی طراحی کنم حوصله ie رو واقعا دیگه ندارم می نویسم توش به هیچ وجه با ie وارد نشوید

elaheDesigner

شنبه 30 شهریور 1392, 16:10 عصر

دست شما درد نکنه من اینکار رو برای اپلیکیشن بانک نیاز دارم که باید حتماً ie7 رو ساپرت کنه !!!

دانیال دزفولی

شنبه 30 شهریور 1392, 16:22 عصر

کی دیگه از ie7 استفاده می کنه؟

darkcms

شنبه 30 شهریور 1392, 16:22 عصر

با سلام و درود.
فکر می کنم اگر کدتان را قرار دهید بیشتر می توان به شما کمک کرد ولی در این مورد فکر می کنم بتوانم کمکتان کنم :
به جای clear از display استفاده نمایید و مقدار آن را block قرار دهید.
باز هم می گویم اگر کدتان را قرار دهید بهتر است.
در مورد این که کاربران از ie استفاده نکنند بهتر است با یک کد htaccess کاربرانی را که با مرورگر های قدیمی و یا همان ie وارد وبسایت می شوند به یک صفحه ی دیگر ریدایرکت کرد و در آن صفحه به آنها پیغام تعویض مرورگر را نشان داد.
من کدی را نوشته ام که برایتان می گذارم :

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} !((Chrome)|Firefox)/((?(2)1[89]|1[7-9])|[^1]\d|\d{3,})\.|Version/([6-9]|\d{2,})\..+Safari|OPR/|Trident/.+rv: [NC]
RewriteRule .? error.html [NC]
با این کد کاربرانی که با مرورگر های قدیمی و ie 10 به پایین وارد سایتتان می شوند به صفحه ی error.html منتقل می شوند و آن صفحه را هم می توانید با ذوق و سلیقه ی خودتان طراحی کنید!
به امید فردایی بهتر!:لبخندساده:

دانیال دزفولی

شنبه 30 شهریور 1392, 16:25 عصر

دقیقا مشکل کجاست تصویری چیزی بذارید

elaheDesigner

شنبه 30 شهریور 1392, 16:25 عصر

دوستان عزیز من دنبال راهکار اصلی میگردم . خودم میدونم که ie 7 قدیمی هست بدلایلی باید راهکار آنرا پیدا کنم

دانیال دزفولی

شنبه 30 شهریور 1392, 16:29 عصر

با سلام و درود.
فکر می کنم اگر کدتان را قرار دهید بیشتر می توان به شما کمک کرد ولی در این مورد فکر می کنم بتوانم کمکتان کنم :
به جای clear از display استفاده نمایید و مقدار آن را block قرار دهید.
باز هم می گویم اگر کدتان را قرار دهید بهتر است.
در مورد این که کاربران از ie استفاده نکنند بهتر است با یک کد htaccess کاربرانی را که با مرورگر های قدیمی و یا همان ie وارد وبسایت می شوند به یک صفحه ی دیگر ریدایرکت کرد و در آن صفحه به آنها پیغام تعویض مرورگر را نشان داد.
من کدی را نوشته ام که برایتان می گذارم :

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} !((Chrome)|Firefox)/((?(2)1[89]|1[7-9])|[^1]\d|\d{3,})\.|Version/([6-9]|\d{2,})\..+Safari|OPR/|Trident/.+rv: [NC]
RewriteRule .? error.html [NC]
با این کد کاربرانی که با مرورگر های قدیمی و ie 10 به پایین وارد سایتتان می شوند به صفحه ی error.html منتقل می شوند و آن صفحه را هم می توانید با ذوق و سلیقه ی خودتان طراحی کنید!
به امید فردایی بهتر!:لبخندساده:

دستتون درد نکنه کجا بذاریمش؟

meisam3322

شنبه 30 شهریور 1392, 18:13 عصر

دوستان عزیز من دنبال راهکار اصلی میگردم . خودم میدونم که ie 7 قدیمی هست بدلایلی باید راهکار آنرا پیدا کنم

دوست عزیز ، اینجا کسی نمیدونه توی سیستم شما چی میگذره .. لطفا تصویر یا لینکی رو قرار بدید. کدها رو هم بزارید

qartalonline

شنبه 30 شهریور 1392, 18:17 عصر

نمونه فرم طراحی شده سازگار با همه مرورگرها:
میتونید از الگوی زیر استفاده کنید:

<!DOCTYPE html>
<html>
<head>
<title>sample cross browser form</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
*{
margin: 0;
padding: 0;
outline: 0;
font-family: Tahoma;
font-size: 12px;
}
.form{
display: block;
}
.form .tr{
direction: rtl;
text-align: right;
padding: 8px 0;
display: block;
}
.form .tr:hover{
background: #f6f6f6;
}
.form .tr .td1{
display: block;
width: 150px;
float: right;
line-height: 30px;
}
.form .tr .td1 label{
display: block;
direction: rtl;
}
.form .tr .td2{
display: block;
float: right;
line-height: 30px;
direction: rtl;
}
.form .tr .td3{
display: block;
float: right;
line-height: 30px;
direction: rtl;
}
.form .tr input[type="text"],.form .tr input[type="password"],.form .tr input[type="email"]{
width: 200px;
padding: 6px 8px;
line-height: 18px;
}
.form .tr span{
display: block;
padding-right: 5px;
}
.form .tr span span.info{
color: #0090ff;
}
.form .tr span span.valid{
color: #158c1a;
}
.form .tr span span.invalid{
color: #d72823;
}
.f_l{
float: left;
}
.clear{
clear: both;
float: none;
}

</style>
</head>
<body>
<div class="form">
<form action="#" method="get">
<div class="tr">
<div class="td1"><label for="f_name">نام</label></div>
<div class="td2"><input id="f_name" name="f_name" type="text" value=""></div>
<div class="td3"><span><span class="info">پر کردن فیلد الزامیست</span></span></div>
<div class="f_l"></div>
<div class="clear"></div>
</div>
<div class="tr">
<div class="td1"><label for="f_lname">نام خانوادگی</label></div>
<div class="td2"><input id="f_lname" name="f_lname" class="invalid" type="text" value=""></div>
<div class="td3"><span><span class="invalid">خطا</span></span></div>
<div class="f_l"></div>
<div class="clear"></div>
</div>
</form>
</div>
</body>
</html>

darkcms

شنبه 30 شهریور 1392, 22:35 عصر

دستتون درد نکنه کجا بذاریمش؟
با سلام و درود.
این کد را در فایل htaccess. قرار دهید و فایل را در پوشه ی public_html ، در وبسایتتان آپلود کنید.
دقت داشته باشید که فایل هیچ نامی نداشته باشد و فقط پسوند htaccess داشته باشد.
به امید فردایی بهتر!:لبخندساده: