[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Не изменяется длина #wrapper
Janlui
Суть в том, новость на странице длинная и фон wrapper`a не изменяется
redreem
очередной сеанс форумной экстрасенсорики? smile.gif
Janlui
redreem
Прошу прощения,
<?php
if(!isset($_GET['page'])) {
$_GET['page'] = 'main';
}
?>
<div
id="wrapper">
<div
id="header">

</div>
<div
id="content">
<?php
include $_GET['page'].'.php'; ?>
</div>
<div
id="Sidebar">

</div>

</div>
<div
id="footer">

</div>



* {
margin: 0;
padding: 0;
}
header, nav, section, article, aside, footer {
display: block;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
background-image:url(background.png);
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img
{
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 1000px;
margin: 0 auto;
background:#fff;
padding:10px;
margin-top:10px;
margin-bottom:10px;
border-radius:15px 15px 0 0;
box-shadow: 0 0 7px #999;
height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/

#header {
height: 200px;
}

.navigation {
padding:0 0 0 45px;
font-size:14pt;
font-family:"Times New Roman", Times, serif;
}

.navigation a {
text-decoration:none;
}

#Adver {
text-align:center;
padding-top:60px;
background:#f0f0f0;
width:550px;
height:70px;
float:right;
margin-top:-90px;
color:#999;
font-size:20px;
}


/* Middle
-----------------------------------------------------------------------------*/

#middle {
width: 100%;
height: 1%;
position: relative;
}
#middle:after {
content: '';
clear: both;
display: table;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
width:680px;
word-wrap: break-word;
float:left;
}


/* Sidebar Right
-----------------------------------------------------------------------------*/

#sideRight {
float: right;
width: 300px;
}

#Enter {
background:#ffebfa;
padding:10px;
border-radius:8px;
border:1px solid #ffdbf6;
}

#entername {
color:#7b3275;
font-family:'Times New Roman', Times, serif; font-size:18px;
margin-bottom:3px;
}

#Search {
background:url(znaki.png) #ebeeff no-repeat center;
padding:10px;
border-radius:8px;
border:1px solid #dce1ff;
}

#searchname {
color:#2e3874;
font-family:'Times New Roman', Times, serif; font-size:18px;
margin-bottom:3px;
}

.searchbutton {
width:65px;
height:30px;
border-radius:5px;
border:1px solid #ccc;
color: #fff;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #6aa2ff, #4c74f5);
background-image: -ms-linear-gradient(top, #6aa2ff, #4c74f5);
background-image: -webkit-linear-gradient(top, #6aa2ff, #4c74f5);
background-image: -o-linear-gradient(top, #6aa2ff, #4c74f5);
background-image: linear-gradient(top, #6aa2ff, #4c74f5);
}

.searchbutton:hover {
width:65px;
height:30px;
border-radius:5px;
border:1px solid #ccc;
color: #fff;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #4c74f5, #6aa2ff);
background-image: -ms-linear-gradient(top, #4c74f5, #6aa2ff);
background-image: -webkit-linear-gradient(top, #4c74f5, #6aa2ff);
background-image: -o-linear-gradient(top, #4c74f5, #6aa2ff);
background-image: linear-gradient(top, #4c74f5, #6aa2ff);
}

.enterbutton {
width:65px;
height:30px;
border-radius:5px;
border:1px solid #ccc;
color: #fff;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #ac3aab, #7b3275);
background-image: -ms-linear-gradient(top, #ac3aab, #7b3275);
background-image: -webkit-linear-gradient(top, #ac3aab, #7b3275);
background-image: -o-linear-gradient(top, #ac3aab, #7b3275);
background-image: linear-gradient(top, #ac3aab, #7b3275);
}

.enterbutton:hover {
width:65px;
height:30px;
border-radius:5px;
border:1px solid #ccc;
color: #fff;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #7b3275, #ac3aab);
background-image: -ms-linear-gradient(top, #7b3275, #ac3aab);
background-image: -webkit-linear-gradient(top, #7b3275, #ac3aab);
background-image: -o-linear-gradient(top, #7b3275, #ac3aab);
background-image: linear-gradient(top, #7b3275, #ac3aab);
}


#remember {
padding-left:40px;
margin-top:-15px;
margin-bottom:10px;
}

#forgot {
float:right;
margin-top:-28px;
margin-right:40px;
}
/* Footer
-----------------------------------------------------------------------------*/

#footer {
clear: both;
height:50px;
margin-top:-50px;
font-family:"Times New Roman", Times, serif;
color:#999;
}
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.