Witam,
za dużo pojęcia o CSS nie mam, wygooglowałem sobie ciekawy layout i chciałem dodać do niego elegancką ramkę lecz nie mogę dostować szerokości do contentu:


Cień który ładnie prezentowałby się z tą ramką to obrazek, dlatego trzeba border nałożyć na obrazek. Tutaj już kompletnie nie mam pojęcia jak to ugryźć 
[CSS] pobierz, plaintext 
  1. /*
  2. Design by Free CSS Templates
  3. <a href="http://www.freecsstemplates.org" target="_blank">http://www.freecsstemplates.org</a>
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. body {
  8. 	margin: 0;
  9. 	padding: 0;
  10. 	background: #FFFFFF url(images/img01.jpg) repeat-x left top;
  11. 	text-align: justify;
  12. 	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
  13. 	font-size: 12px;
  14. 	color: #666666;
  15. }
  16.  
  17.  
  18. /* Header */
  19.  
  20. #header {
  21. 	width: 970px;
  22. 	height: 50px;
  23. 	margin: 0 auto;
  24. 	font-family: Georgia, "Times New Roman", Times, serif;
  25. }
  26.  
  27. /* Logo */
  28.  
  29. #logo {
  30. 	float: left;
  31. 	margin-top: 20px;
  32. }
  33.  
  34. #logo h1, #logo h2, #logo p {
  35. 	float: left;
  36. 	margin: 0;
  37. 	text-transform: lowercase;
  38. }
  39.  
  40. #logo h1 {
  41. 	padding-left: 10px;
  42. 	text-align: center;
  43. 	font-size: 3.2em;
  44. 	color: #FFFFFF;
  45. }
  46.  
  47. #logo h1 a {
  48. 	color: #FFFFFF;
  49. }
  50.  
  51. #logo p {
  52. 	padding-top: 20px;
  53. 	font-family: Georgia, "Times New Roman", Times, serif;
  54. 	font-size: 13px;
  55. 	font-style: italic;
  56. 	color: #FFFFFF;
  57. }
  58.  
  59. #logo h2 a, #logo p a {
  60. 	letter-spacing: normal;
  61. 	font-weight: normal;
  62. 	color: #FFFFFF;
  63. }
  64.  
  65. #logo a {
  66. 	text-decoration: none;
  67. }
  68.  
  69. /* Menu */
  70.  
  71. #menu {
  72. 	float: left;
  73. 	margin: 30px 0 0 -20px;
  74. }
  75.  
  76. #menu ul {
  77. 	margin: 0;
  78. 	list-style: none;
  79. }
  80.  
  81. #menu li {
  82. 	display: inline;
  83. }
  84.  
  85. #menu a {
  86. 	display: block;
  87. 	float: left;
  88. 	/*background: #0D859C;*/
  89. 	padding: 5px 10px;
  90. 	text-align: center;
  91. 	text-decoration: none;
  92. 	font-family: Arial, Helvetica, sans-serif;
  93. 	font-weight: bold;
  94. 	font-size: 13px;
  95. 	color: #FFFFFF;
  96. }
  97.  
  98. #menu a:hover {
  99.     background: #0D859C;
  100. }
  101.  
  102. #menu .current_page_item a {
  103. }
  104.  
  105. /* Page */
  106.  
  107. #page {
  108. 	width: 990px;
  109. 	margin: 0 auto;
  110. 	padding-top: 50px;
  111. 	background: #FFFFFF url(images/img02.jpg) no-repeat left top;
  112. 	border: 1px solid #f0f0f0;
  113. 	border-bottom: 2px solid #ccc;
  114.  
  115. }
[CSS] pobierz, plaintext


selektor #page odnosi się do headera z obrazkiem i ów ramką. W celu skrócenia postu nie dawałem ani HTMLu ani całego CSS, jeżeli będziecie uważać to za konieczne powiedzcie a wrzucę smile.gif

Pozdrawiam,
Masiar.