reza97
سه شنبه 03 اردیبهشت 1392, 21:40 عصر
دوستان من نتونستم مشکل رو حل کنم
وقتی قالب طراحی میکنم وقتی ارتفاع رو 500 میزارم متن زیاد میشه از رو div مربوطه رد میشه میره
من کدهام رو میزارم ببیند ایراد از کجاست ممنونم
این hml
<div class="head">
</div>
<div class="menu">
<div class="menu-t">
</div>
</div>
<div class="main">
<div class="main-r">
</div>
<div class="main-l"></div>
<div style="clear: both"></div>
</div>
<div class="footer">
<div class="footer-t"> <span class="auto-style1">© اردیبهشت92</span></div>
</div>
و اینم کد css
body {
background-image: url('img/bg.gif');
line-height:20px;
text-align:justify;
}
* {
padding: 0;
margin: 0;
}
p {
text-align:justify;
}
.txt {
width: 200px;
height: 20px;
border: 1px inset black;
font-family:Tahoma;
font-size:11px;
color:#1e1d1d;
}
.btn {
height: 20px;
border: 1px solid black;
font-family: Tahoma;
font-size: 11px;
width: 80px;
}
.head {
margin: 0 auto;
height: 136px;
width: 701px;
background-image: url('img/head2.gif');
}
.menu {
height: 28px;
width: 700px;
margin: 0 auto;
direction: rtl;
background-image: url('img/bg_tele.gif');
background-repeat: repeat;
}
.menu-t {
padding-top: 5px;
font-family: Tahoma;
font-size: 12px;
direction: rtl;
text-align: right;
color: blue;
padding-right: 10px;
}
.hpper {
text-decoration: none;
color: black;
}
.main {
height:auto;
width: 700px;
margin: 0 auto;
direction: rtl;
background-color: white;
}
.main-r {
float: right;
height: 790px;
width: 490px;
padding-right: 5px;
padding-top: 5px;
font-family: Tahoma;
font-size: 12px;
color: #3A3636;
}
.main-l {
float: left;
height: 800px;
width: 200px;
background-color: #F9F9F9;
}
.footer {
height: 40px;
width: 700px;
margin: 0 auto;
background-color: #CEEAEE;
direction: rtl;
vertical-align: middle;
text-align: center;
}
.footer-t {
height: 25px;
width: 400px;
padding-top: 13px;
padding-right: 140px;
text-align: center;
font-family: Tahoma;
font-size: 12px;
color: #1465B7;
}
حالا متنم که زیاد میشه میاد از رو فوتر رد میشه و ....
وقتی قالب طراحی میکنم وقتی ارتفاع رو 500 میزارم متن زیاد میشه از رو div مربوطه رد میشه میره
من کدهام رو میزارم ببیند ایراد از کجاست ممنونم
این hml
<div class="head">
</div>
<div class="menu">
<div class="menu-t">
</div>
</div>
<div class="main">
<div class="main-r">
</div>
<div class="main-l"></div>
<div style="clear: both"></div>
</div>
<div class="footer">
<div class="footer-t"> <span class="auto-style1">© اردیبهشت92</span></div>
</div>
و اینم کد css
body {
background-image: url('img/bg.gif');
line-height:20px;
text-align:justify;
}
* {
padding: 0;
margin: 0;
}
p {
text-align:justify;
}
.txt {
width: 200px;
height: 20px;
border: 1px inset black;
font-family:Tahoma;
font-size:11px;
color:#1e1d1d;
}
.btn {
height: 20px;
border: 1px solid black;
font-family: Tahoma;
font-size: 11px;
width: 80px;
}
.head {
margin: 0 auto;
height: 136px;
width: 701px;
background-image: url('img/head2.gif');
}
.menu {
height: 28px;
width: 700px;
margin: 0 auto;
direction: rtl;
background-image: url('img/bg_tele.gif');
background-repeat: repeat;
}
.menu-t {
padding-top: 5px;
font-family: Tahoma;
font-size: 12px;
direction: rtl;
text-align: right;
color: blue;
padding-right: 10px;
}
.hpper {
text-decoration: none;
color: black;
}
.main {
height:auto;
width: 700px;
margin: 0 auto;
direction: rtl;
background-color: white;
}
.main-r {
float: right;
height: 790px;
width: 490px;
padding-right: 5px;
padding-top: 5px;
font-family: Tahoma;
font-size: 12px;
color: #3A3636;
}
.main-l {
float: left;
height: 800px;
width: 200px;
background-color: #F9F9F9;
}
.footer {
height: 40px;
width: 700px;
margin: 0 auto;
background-color: #CEEAEE;
direction: rtl;
vertical-align: middle;
text-align: center;
}
.footer-t {
height: 25px;
width: 400px;
padding-top: 13px;
padding-right: 140px;
text-align: center;
font-family: Tahoma;
font-size: 12px;
color: #1465B7;
}
حالا متنم که زیاد میشه میاد از رو فوتر رد میشه و ....