Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z tłem diva.
Forum PHP.pl > Forum > Przedszkole
iVorIus
11.11.2008, 14:14:46
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:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <link rel="stylesheet" href="template/style.css" type="text/css" />
  6. <link rel="stylesheet" href="template/jquery.css" type="text/css" />
  7. <link rel="shortcut icon" href="template/images/fav.GIF" />
  8.  
  9. <script type="text/javascript" src="template/js/rounded-corners.js"></script>
  10. <script type="text/javascript" src="template/js/jquery.js"></script>
  11. <script type="text/javascript">
  12. $(document).ready(function(){
  13.  
  14.     $(".btn-slide").click(function(){
  15.         $("#panel").slideToggle("slow");
  16.         $(this).toggleClass("active"); return false;
  17.     });
  18.  
  19.  
  20. });
  21. </script>
  22. <title>CMS</title>
  23. </head>
  24.  
  25. <body>
  26.  
  27. <div id="site">
  28.  
  29.     <img id="header" src="template/images/logo.gif" alt="logo" />
  30.  
  31.     <div id="headerRounded"></div>
  32.     <div id="bodyblock">
  33.     <div id="header1">
  34. 	    <?php include_once('includes/login.php'); ?>
  35.     </div>
  36.  
  37. 	    <div id="menu">Menu<br />
  38. 		    <a href="?id=home">Home</a><br />
  39. 		    <a href="?id=cosczegoniema">kliknij tutaj</a>
  40. 		    <a href="?id=news">Newsy</a><br />
  41. 		    <a href="?id=register">Rejestracja</a>
  42. 		    </div>
  43.  
  44. 	    <div id="content">
  45. 	    <?php
  46. 		    $id = $_GET['id'];
  47. 		    $url = 'includes/'.$id.'.php';
  48.  
  49. 		    if(isset($id ))
  50. 			    if(file_exists($url))
  51. 				    include_once($url);        
  52. 			    else
  53. 				    include_once('includes/error.php');
  54. 		    else
  55. 			    include('includes/home.php');
  56. 	    ?>
  57. 	    </div>
  58.     </div>
  59. <div class="clearBoth"></div>
  60. <div id="footer">All&nbsp;rights&nbsp;reserved.&nbsp;&copy;&nbsp;Autor</div>
  61.  
  62. </div>
  63. <script type="text/javascript">
  64. rC = new DHTMLgoodies_roundedCorners();
  65.  
  66. rC.addTarget('site',15,15,'#ffffff','#00aeff',5,false);
  67. rC.addTarget('headerRounded',15,15,'#CC99FF','#FFFFFF',5,false,'top_left,top_right');
  68. rC.addTarget('footer',15,15,'#CC99FF','#FFFFFF',5,false,'bottom_left,bottom_right');
  69. rC.init();
  70. </script>
  71. </body>
  72. </html>
[HTML] pobierz, plaintext


style.css:
[HTML] pobierz, plaintext 
  1. html, body {
  2. 	background: #00aeff;
  3. 	font-family: Arial, Helvetica, sans-serif;
  4. 	font-size: 12px;
  5. 	color: #FFFFFF;
  6. 	}
  7.  
  8. #site {
  9. 	background-color: #FFFFFF;
  10. 	width: 860px;
  11. 	margin: auto;
  12. 	}
  13.  
  14. #header {
  15. 	width: 860px;
  16. 	height: 140px;
  17. 	}
  18.  
  19. #header1 {
  20. 	background-color: #CC99FF;
  21. 	height: 30px;
  22. 	}
  23.  
  24. #login {
  25. 	width: 160px;
  26. 	height: 80px;
  27. 	z-index: 2;
  28. 	position: absolute;
  29. 	left: 900px;
  30. 	top: 180px;
  31. 	}
  32.  
  33. #tablelogin {
  34. 	padding: 4px 2px 0 2px;
  35. 	}
  36.  
  37. #bodyblock {
  38. 	background: #CC99FF;
  39. 	width: 848px;
  40. 	height: auto;
  41. 	padding: 0;	
  42. 	}
  43.  
  44. #menu {
  45. 	background: inherit;
  46. 	width: 155px;
  47. 	height: inherit;
  48. 	padding-left: 5px;
  49. 	float: left;
  50. 	}
  51.  
  52. #content {
  53. 	background: #E7E7E7;
  54. 	width: 668px;
  55. 	height: inherit;
  56. 	color: #434343;
  57. 	float: right;
  58. 	padding: 10px;
  59. 	}
  60.  
  61. .clearBoth { clear:both; }
  62.  
  63. #footer {
  64. 	background-color: #9999FF;
  65. 	text-align:center;
  66. 	}
[HTML] pobierz, plaintext
bogdan89
11.11.2008, 17:31:24
nie analizowałem kodu, ale wydaję mi się, że overflow:hidden; dla bodyblock, może rozwiązać sprawę.
Moorti
11.11.2008, 18:39:17
jak takie same to skopiować tło w css z #menu do #bodyblock no i będzie takie same
iVorIus
12.11.2008, 22:26:43
Wielki Dzięki winksmiley.jpg

Pomogło smile.gif

Pozdrawiam smile.gif).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.