Hey hi hello.
Mam problem z tłem diva (#blockbody), który znajduje się pod menu (#menu). Div powinien miec takie samo tło jak menu, żeby nie zostawało 'puste,białe' miejsce pomiędzy menu a stopka (#footer).
Jakie jest rozwiązanie problemu :?:
index.php:
<!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"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="template/style.css" type="text/css" /> <link rel="stylesheet" href="template/jquery.css" type="text/css" /> <link rel="shortcut icon" href="template/images/fav.GIF" />
<script type="text/javascript" src="template/js/rounded-corners.js"></script> <script type="text/javascript" src="template/js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
<img id="header" src="template/images/logo.gif" alt="logo" />
<div id="headerRounded"></div> <?php include_once('includes/login.php'); ?>
<div id="menu">Menu
<br /> <a href="?id=home">Home
</a><br /> <a href="?id=cosczegoniema">kliknij tutaj
</a> <a href="?id=news">Newsy
</a><br /> <a href="?id=register">Rejestracja
</a>
<?php
$id = $_GET['id'];
$url = 'includes/'.$id.'.php';
if(isset($id ))
if(file_exists($url))
include_once($url);
else
include_once('includes/error.php');
else
include('includes/home.php');
?>
<div id="footer">All
rights
reserved.
© Autor
</div>
<script type="text/javascript"> rC = new DHTMLgoodies_roundedCorners();
rC.addTarget('site',15,15,'#ffffff','#00aeff',5,false);
rC.addTarget('headerRounded',15,15,'#CC99FF','#FFFFFF',5,false,'top_left,top_right');
rC.addTarget('footer',15,15,'#CC99FF','#FFFFFF',5,false,'bottom_left,bottom_right');
rC.init();
style.css:
html, body {
background: #00aeff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
#site {
background-color: #FFFFFF;
width: 860px;
margin: auto;
}
#header {
width: 860px;
height: 140px;
}
#header1 {
background-color: #CC99FF;
height: 30px;
}
#login {
width: 160px;
height: 80px;
z-index: 2;
position: absolute;
left: 900px;
top: 180px;
}
#tablelogin {
padding: 4px 2px 0 2px;
}
#bodyblock {
background: #CC99FF;
width: 848px;
height: auto;
padding: 0;
}
#menu {
background: inherit;
width: 155px;
height: inherit;
padding-left: 5px;
float: left;
}
#content {
background: #E7E7E7;
width: 668px;
height: inherit;
color: #434343;
float: right;
padding: 10px;
}
.clearBoth { clear:both; }
#footer {
background-color: #9999FF;
text-align:center;
}