lost_control
یک شنبه 01 مرداد 1391, 15:16 عصر
سلام به همگی. خسته نباشید.
من دارم یه سایت با پی اچ پی طراحی می کنم. برای چیدمان و layout صفحه از تگ های div استفاده کردم. منتها چون قبلا از table استفاده می کردم زیاد در مکان دهی به تگ های دیو مسلط نیستم. اما به هر حال یک قالب بسیار ساده برای سایت درست کردم. این قالب شامل یک تگ دیو برای لوگو، یک تگ دیو برای منو و یک تگ دیو برای محتوا (content) صفحات است. اما با کمال تعجب می بینم که محتوای صفحه نصفه نیمه نشان داده می شود و باقی آن در صفحه جا نشده است و خبری هم از اسکرول نیست! چکار کنم که اسکرول را نشان بدهد و باقی محتوا از این طریق قابل نمایش باشد؟؟ لطفا کمک کنید. سپاس
ضمنا! این کد سی اس اس مربوطه است.
.linkarea
{
vertical-align:top;
font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#003366;
background:#CCCC66;
width:80px;
text-align:center;
font-weight:900;
position:fixed;
right:10px;
top:250px;
}
.logo
{
background-color:#FFFFFF;
height:200px;
border-style:solid;
}
body
{
background-color:#CCCC66;
}
.logo h1
{
font-size:72px;
text-align:right;
position:relative;
top:-200px;
right:100px;
}
.content
{
font-size:16px;
font-family:"Times New Roman", Times, serif;
text-align:right;
position:fixed;
right:100px;
top:250px;
}
html {
overflow-y: scroll;
}
و این کد اچ تی ام ال:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="mycss.css" />
<title>اخبار کتاب</title>
</head>
<body >
<div class="logo">
<img src="image.jpg" alt="LOGO Image" width="200px" height="200px" />
<h1>
کـتــاب آنـلایــن
</h1>
</div>
<br />
<hr />
<div class="linkarea">
<?php
$menu=array('خانه'=>'home.php','اخبار'=>'news.php','کتاب ها'=>'books.php','مدیریت سایت'=>'admin.php');
?>
<table border="1px">
<?php
foreach($menu as $key=>$value)
{
?>
<tr>
<td >
<a href="<?php echo $value; ?>"> <?php echo $key; ?> </a>
</td>
</tr>
<?php
}
?>
</table>
</div>
<div class="content">
این جا متحوای سایت قرار می گیرد
این جا محتوای سایت قرار می گیرد
</div>
</body>
</html>
من دارم یه سایت با پی اچ پی طراحی می کنم. برای چیدمان و layout صفحه از تگ های div استفاده کردم. منتها چون قبلا از table استفاده می کردم زیاد در مکان دهی به تگ های دیو مسلط نیستم. اما به هر حال یک قالب بسیار ساده برای سایت درست کردم. این قالب شامل یک تگ دیو برای لوگو، یک تگ دیو برای منو و یک تگ دیو برای محتوا (content) صفحات است. اما با کمال تعجب می بینم که محتوای صفحه نصفه نیمه نشان داده می شود و باقی آن در صفحه جا نشده است و خبری هم از اسکرول نیست! چکار کنم که اسکرول را نشان بدهد و باقی محتوا از این طریق قابل نمایش باشد؟؟ لطفا کمک کنید. سپاس
ضمنا! این کد سی اس اس مربوطه است.
.linkarea
{
vertical-align:top;
font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#003366;
background:#CCCC66;
width:80px;
text-align:center;
font-weight:900;
position:fixed;
right:10px;
top:250px;
}
.logo
{
background-color:#FFFFFF;
height:200px;
border-style:solid;
}
body
{
background-color:#CCCC66;
}
.logo h1
{
font-size:72px;
text-align:right;
position:relative;
top:-200px;
right:100px;
}
.content
{
font-size:16px;
font-family:"Times New Roman", Times, serif;
text-align:right;
position:fixed;
right:100px;
top:250px;
}
html {
overflow-y: scroll;
}
و این کد اچ تی ام ال:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="mycss.css" />
<title>اخبار کتاب</title>
</head>
<body >
<div class="logo">
<img src="image.jpg" alt="LOGO Image" width="200px" height="200px" />
<h1>
کـتــاب آنـلایــن
</h1>
</div>
<br />
<hr />
<div class="linkarea">
<?php
$menu=array('خانه'=>'home.php','اخبار'=>'news.php','کتاب ها'=>'books.php','مدیریت سایت'=>'admin.php');
?>
<table border="1px">
<?php
foreach($menu as $key=>$value)
{
?>
<tr>
<td >
<a href="<?php echo $value; ?>"> <?php echo $key; ?> </a>
</td>
</tr>
<?php
}
?>
</table>
</div>
<div class="content">
این جا متحوای سایت قرار می گیرد
این جا محتوای سایت قرار می گیرد
</div>
</body>
</html>