capitan_nemesis
دوشنبه 14 اردیبهشت 1394, 15:22 عصر
با سلام
من دارم سایتی رو طراحی دارم میکنم
به یک مشکل بر خوردم
این که min-height در contect دادم
ولی منو یا هر چیزی که گذاشتم
کانتکت پایین نمیاد
تو سایت های یک ستونه مشکل نداره ولی تو دو ستونه مشکل دادم چکار کنم
#contect
{
background-color: #9C9C9C;
width: 900px;
min-height: 800px;
margin: auto;
border-top: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-right: 1px #ffffff solid;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
#box_header
{
background-color: #ffffff;
width: 900px;
height: 300px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#header
{
background-image: url(../image/header.jpg);
width: 700px;
height: 300px;
float: left;
border-top-left-radius: 20px;
}
#vertical_menu
{
background-color: #ffffff;
width: 201px;
min-height: 575px;
float: right;
border-bottom-right-radius: 20px;
}
#vertical_menu li
{
list-style-type: none;
margin-right: 30px;
cursor: pointer;
}
#vertical_menu li a
{
color: #000000;
text-decoration: none;
}
#vertical_menu li a:hover
{
color: #FF0000;
text-decoration: none;
}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/body.css">
<link rel="stylesheet" href="css/contect.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/hedaer.css">
<link rel="stylesheet" href="css/logo.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/block.css">
<meta charset="UTF-8">
<title>صحه اصلی</title>
</head>
<body>
<!--- contect ---->
<article id="contect">
<!--- header --->
<article id="box_header">
<header id="header"></header>
<article id="logo">
<img src="image/logo.jpg" alt="logo">
</article>
</article>
<!--- header --->
<article id="vertical_menu">
<menu>
<li><a href="index.php">صفحه اصلی</a></li>
<li>آموزش
<ul>
<li><a href="html.php">HTML</a></li>
<li><a href="css.php">CSS</a></li>
<li><a href="php.php">PHP</a></li>
</ul>
</li>
<li><a href="temp.php">قالب</a></li>
<li><a href="about_us.php">درباره ما</a></li>
<li><a href="contact_us.php">تماس با ما</a></li>
</menu>
</article>
</article>
<!--- contect --->
</body>
</html>
من دارم سایتی رو طراحی دارم میکنم
به یک مشکل بر خوردم
این که min-height در contect دادم
ولی منو یا هر چیزی که گذاشتم
کانتکت پایین نمیاد
تو سایت های یک ستونه مشکل نداره ولی تو دو ستونه مشکل دادم چکار کنم
#contect
{
background-color: #9C9C9C;
width: 900px;
min-height: 800px;
margin: auto;
border-top: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-right: 1px #ffffff solid;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
#box_header
{
background-color: #ffffff;
width: 900px;
height: 300px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#header
{
background-image: url(../image/header.jpg);
width: 700px;
height: 300px;
float: left;
border-top-left-radius: 20px;
}
#vertical_menu
{
background-color: #ffffff;
width: 201px;
min-height: 575px;
float: right;
border-bottom-right-radius: 20px;
}
#vertical_menu li
{
list-style-type: none;
margin-right: 30px;
cursor: pointer;
}
#vertical_menu li a
{
color: #000000;
text-decoration: none;
}
#vertical_menu li a:hover
{
color: #FF0000;
text-decoration: none;
}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/body.css">
<link rel="stylesheet" href="css/contect.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/hedaer.css">
<link rel="stylesheet" href="css/logo.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/block.css">
<meta charset="UTF-8">
<title>صحه اصلی</title>
</head>
<body>
<!--- contect ---->
<article id="contect">
<!--- header --->
<article id="box_header">
<header id="header"></header>
<article id="logo">
<img src="image/logo.jpg" alt="logo">
</article>
</article>
<!--- header --->
<article id="vertical_menu">
<menu>
<li><a href="index.php">صفحه اصلی</a></li>
<li>آموزش
<ul>
<li><a href="html.php">HTML</a></li>
<li><a href="css.php">CSS</a></li>
<li><a href="php.php">PHP</a></li>
</ul>
</li>
<li><a href="temp.php">قالب</a></li>
<li><a href="about_us.php">درباره ما</a></li>
<li><a href="contact_us.php">تماس با ما</a></li>
</menu>
</article>
</article>
<!--- contect --->
</body>
</html>