ورود

View Full Version : مشکلی در زمینه طراحی قالب با css



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">&copy اردیبهشت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;
}


حالا متنم که زیاد میشه میاد از رو فوتر رد میشه و ....

tamafi6
پنج شنبه 05 اردیبهشت 1392, 02:42 صبح
به ‏div‏ ي كه متن درون اون قرارداره ‏
كد


overflow:auto;

رااضافه كن.