قالب در ویژوال درست است در مرورگر خیر [بایگانی]

myysl97

چهارشنبه 11 تیر 1393, 15:56 عصر

دوستان چند روزه من اسیرم....

این قالبم چه ایرادی داره
اول اینکه نمیتونم به main رنگ قالب بدم هر چی در bodyرنگ دادم در main هم نشون داده میشه
جالب اینجاست در ویژوال نشون میده بک گراندم در main سفیده اما در مرورگر نه که نه
اینم کدم

<%@ Page Language="C#‎‎‎" AutoEventWireup="true" CodeFile="tset.aspx.cs" Inherits="tset" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body {

font-family: Tahoma;
font-size: 12px;
background-color: #900433;
}

.main {
width: 993px;
margin: auto;
background-color: white;
border-right: 2px solid #e5c362;
border-left: 2px solid #e5c362;
}

.main-r {
width: 185px;
float: right;
margin-right: 10px;
margin-top: 10px;
}

.main-c {
width: 520px;
float: right;
margin: 10px;
margin-right: 15px;
text-align: right;
direction: rtl;
border: 1px solid #EFEFEF;
}

.main-l {
width: 230px;
float: left;
margin-left: 10px;
margin-top: 10px;
}
</style>

</head>
<body>
<form id="form1" runat="server">

<div class="main">

<div class="main-r">
</div>
<div class="main-c">
kkkk<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div class="main-l">
</div>

</div>

</form>
</body>
</html>

lمیخوام بدنه ی سابتم سفید باشه اما نشون نمیده

iceweek

چهارشنبه 11 تیر 1393, 16:42 عصر

به کلاس main یه ارتفاعی بده.تغییرو ببین.دیگه بقیشو خودت میفهمی

myysl97

چهارشنبه 11 تیر 1393, 17:25 عصر

به کلاس main یه ارتفاعی بده.تغییرو ببین.دیگه بقیشو خودت میفهمی

آخه میخوام ارتفاعم اتوماتیک باشه! اون میدم فرقی نداره ...

nice_boy_a

چهارشنبه 11 تیر 1393, 17:50 عصر

دوست عزیز دوتا راه داری، یا اینکه به کلاس main کمترین ارتفاع رو بدی:

min-height: 200px;

یا تگ main رو بندازی داخل یه تگ دیگه:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
body
{
font-family: Tahoma;
font-size: 12px;
background-color: #900433;
}

.main1
{
width: 993px;
height: auto;
margin: auto;
}

.main
{
width: 993px;
margin: auto;
background-color: white;
border-right: 2px solid #e5c362;
border-left: 2px solid #e5c362;
float: left;
}

.main-r
{
width: 185px;
float: right;
margin-right: 10px;
margin-top: 10px;
}

.main-c
{
width: 520px;
float: right;
margin: 10px;
margin-right: 15px;
text-align: right;
direction: rtl;
border: 1px solid #EFEFEF;
}

.main-l
{
width: 230px;
float: left;
margin-left: 10px;
margin-top: 10px;
}
</style>

</head>
<body>
<form id="form1" runat="server">
<div class="main1">
<div class="main">
<div class="main-r">
</div>
<div class="main-c">
kkkk<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div class="main-l">
</div>
</div>
</div>
</form>
</body>
</html>

myysl97

چهارشنبه 11 تیر 1393, 18:13 عصر

خوب حله
ولی یه مساله
min-height
که میدم
وقتی طول صفحه اضافه میشه بازم بک گراند اصلی سایت نمایش داده میشه نه بک گراند main
چیکار کنم؟
چون مثلا فرض کنید خبر ارتفاعش زیاد بشه
چیکار باید کرد رنگ پس زمینه رو؟

Alireza.imani

چهارشنبه 11 تیر 1393, 18:26 عصر

بهتر بود این پست رو در بخش طراحی سایت می دادین :اشتباه::متفکر:

nice_boy_a

چهارشنبه 11 تیر 1393, 18:29 عصر

خوب حله
ولی یه مساله
min-height
که میدم
وقتی طول صفحه اضافه میشه بازم بک گراند اصلی سایت نمایش داده میشه نه بک گراند main
چیکار کنم؟
چون مثلا فرض کنید خبر ارتفاعش زیاد بشه
چیکار باید کرد رنگ پس زمینه رو؟

طبق راه دوم عمل کن.