مشکل در طراحی « انجمن وردپرس فارسی

سلام

من یه قسمت از سایتم به این شکل کد نویسی شده

<header>
<div class="masthead">
<div class="masthead-body">
<div class="email"><i class="fa fa-envelope" style="color:#758594; margin:13px 0px 0px 30px;"></i><p>Email : info@mihanwordpress.com</p></div>
<div class="phone"><i class="fa fa-phone-square" style="color:#758594; margin:13px 0px 0px 30px;"></i><p>Phone : +98 21 66 240 209</p></div>
</div>
</div>
</header>

و استایلش به این صورت هستش

header {
width: 100%;
height: auto;
background: #34495e;
overflow:hidden;
border-bottom: solid 2px #000000;
border-image: url(img/Freebie-Page-Atech_02.png) 30 30 round;
-moz-border-image: url(img/Freebie-Page-Atech_02.png) 30 30 round; /* Firefox */
-webkit-border-image: url(img/Freebie-Page-Atech_02.png) 30 30 round; /* Safari and Chrome */
-o-border-image: url(img/Freebie-Page-Atech_02.png) 30 30 round; /* Opera */
}
.masthead {
width: 100%;
height: 40px;
background: #2c3e50;
float: right;
margin: 15px 0px 0px 0px;
}
.masthead-body {
width: 1300px;
height: auto;
margin: 0 auto;
}
.email {
float: left;
width: auto;
height: auto;
margin: 0 auto;
}
.email p {
color: #758594;
font: 12px Segoe, "Segoe UI";
float: left;
margin: 13px 0px 0px 10px;
}
.phone {
float: left;
width: auto;
height: auto;
margin: 0 auto;
}
.phone p {
color: #758594;
font: 12px Segoe, "Segoe UI";
float: left;
margin: 13px 0px 0px 10px;
}

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

overflow:hidden; رو حذف میکنم و float که میدم اسکرول به سمت چپ و راست میده ولی دیگه طول 100% از کار میفته و به مشکل میخوره و بخش شماره و ایمیل میریزه

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

زمپ هم تست کردم ولی درست نشد

سلام.
اون استایل اینلاین تاثر نگذاشته ؟
اگر در پهنه ی وب بود قالبتون و قابل رویت میتونستم مشکلتون رو بررسی کنم و شاید هم رفع کنم. برای این که بقیه هم بتونن نظرات خودشون رو بهتر بدن بهتره که سایتتون رو بالا بیارید.

وردپرس فارسی

انجمن

مشکل در طراحی (۲ نوشته)

درباره‌ی این موضوع

برچسب‌ها