اشکال در مینیمایز شدن صفحه در مرورگرها

این تاپیک 6 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  حسین محمدی ،‏ 2 سال و 10 ماه پیش .

این تاپیک تاکنون 804 بازدید داشته است .

نویسنده پست
دوشنبه ، 20 ژانویه 2014     6:03 ب.ظ #


hasan_elc

Subscriber
34 پست41 تاپیک

0 رای

من یک صفحه طراحی کرده ام که پس از مینیمایز شدن صفحه در کروم و اپرا متن ها به بیرون سر ریز می شود  خواهش می کنم مرا راهنمایی کنید ورژن مرورگر کروم    Version 32.0.1700.76 m
و اپرا 18 می باشد  نمونه کد فوتر را در زیر قار داده ام

<!doctype html>
<html dir="rtl">
<head>

<meta charset="utf-8">
<title>فوتر</title>
<style>
#footer
{
width:994px;
height:150px;
background:#06F;
margin:auto;
padding:auto;

}
.footer-menu
{
width:140px;
height:auto;
float:right;
margin:30px 26px;
padding:auto;
font-size:13px;

}

.ul-footer a
{
text-decoration:none;
color:rgb(255,255,255);
}

.ul-footer a:hover
{
color:#000;
}

.footer-menu1
{
width:280px;
height:auto;
float:right;
margin:30px 50px;
padding:auto;
font-size:13px;

}
</style>
</head>
<body>
<div id="footer">
<div>
<ul>
<li><a rel="nofollow" href="#">تاریخچه و اهداف</a></li>
<li><a rel="nofollow" href="#">تاریخچه و اهداف </a></li>
<li><a rel="nofollow" href="#">تاریخچه و اهداف</a></li>
<li><a rel="nofollow" href="#">تاریخچه و اهداف</a></li>
</ul></div>
<div>
<ul>
<li><a rel="nofollow" href="#">تاریخچه و اهداف</a></li>
<li><a rel="nofollow" href="#">تاریخچه و اهداف</a></li>
<li><a rel="nofollow" href="#">تاریخچه و اهداف</a></li>
<li><a rel="nofollow" href="#">تاریخچه و اهداف</a></li>
</ul></div>

<div>
<ul>
<li><a rel="nofollow" href="#">آدرس:تاریخچه و اهدافتاریخچه و اهدافتاریخچه و اهداف</a></li>
<li><a rel="nofollow" href="#">تلفن:تاریخچه و اهداف</a></li>
<li><a rel="nofollow" href="#">دور نگار:تاریخچه و اهداف</a></li>
<li><a rel="nofollow" href="#">ایمیل :info@.....ir</a></li>
</ul></div>

</div>
</div><!--endfooter-->
</body>
</html>

0  تشکر
دوشنبه ، 20 ژانویه 2014     6:54 ب.ظ #


امیر

ناظم
840 پست3 تاپیک

سلام

1. یکی از </div> آخری اضافه هست انگار ..

2. شما جز دایو با آیدی footer ، اصلا از بقیه استایل هایی که در تگ استایل نوشته اید، درون بادی ازشون استفاده نکرده اید ..

0  تشکر
دوشنبه ، 20 ژانویه 2014     7:56 ب.ظ #


hasan_elc

Subscriber
34 پست41 تاپیک

من یک صفحه طراحی کرده ام که پس از مینیمایز شدن صفحه در کروم و اپرا متن ها به بیرون سر ریز می شود  خواهش می کنم مرا راهنمایی کنید ورژن مرورگر کروم    Version 32.0.1700.76 m
و اپرا 18 می باشد  نمونه کد فوتر را در زیر قرار داده ام

پیوست ها:
You must be logged in to view attached files.
0  تشکر
دوشنبه ، 20 ژانویه 2014     8:14 ب.ظ #


امیر

ناظم
840 پست3 تاپیک

پست اولو کپی کردین؟ :)

من در کروم که چنین مشکلی ندیدم. در نوشتن استایل ها هم دقت کنید که در padding ، مقدار auto نمیشه داد.

اگر میخواید در سایزهای مختلف، صفحه بهم نریزه، در نهایت به طراحی ریسپانسیو میرسید.

0  تشکر
دوشنبه ، 20 ژانویه 2014     9:08 ب.ظ #


حسین محمدی

Subscriber
482 پست60 تاپیک

اگه شما طراحی مطابق با HTML داشته باید و از تگهای و metaتگهای مناسب استفاده کرده باشید...صفحه فقط اسکرول افقی پیدا میکنه....توصیi میکنم ریسپانسیو کار کنید....علاوه بر اینکه تجربه ی جدیدی کسب میکنید می تونید در رزولوشن مخصوص خودتون طراحی کنید و در صفحه های تبلت و گوشی ها هم اون سایت رو ببینید...

سایت بوت استرپ فارسی

0  تشکر
سه شنبه ، 21 ژانویه 2014     2:04 ب.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

[quote=21016]اگه شما طراحی مطابق با HTML داشته باید و از تگهای و metaتگهای مناسب استفاده کرده باشید...صفحه فقط اسکرول افقی پیدا میکنه....توصیi میکنم ریسپانسیو کار کنید....علاوه بر اینکه تجربه ی جدیدی کسب میکنید می تونید در رزولوشن مخصوص خودتون طراحی کنید و در صفحه های تبلت و گوشی ها هم اون سایت رو ببینید... سایت بوت استرپ فارسی [/quote]

سلام

یه سوال برام پیش اومد.

چرا برای طراحی ریسپانسیو از مدیا کوئری ها استفاده نکنن؟

0  تشکر
سه شنبه ، 21 ژانویه 2014     5:14 ب.ظ #


حسین محمدی

Subscriber
482 پست60 تاپیک

اصل طراحی ریسپانسیو در مدیا کوئری های CSS نهفته است ولی پلاگینهای جی کوئری هم در این زمینه وجود دارند.

0  تشکر
پست 1 تا 7 (از مجموع 7 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .