css ile içerik problemi.? Lütfen yardım..!

[hasreddin]

Selam arkadaşlar,

free cssyi web siteye koydum ancak içeriği dar olduğundan sayfalar içeriğin altına düşüyor içeriğin içerisine giremiyor cssde bunu nasıl ayarlayabilirim.

Siteye bakarsanız zaten derdimi anlarsınız.
buradan bakabilirsiniz

 

[ozgozg]

Sayfaya birçok yerde width verilmiş, kodu birde böyle dene. "back_all.gif" Bu image ın gri bölümünü biraz uzatırsan background sorunu çözülür. Firefox la footer menüsünde sorunlar var. Umarım bu kod işini halleder. Çalışman çok güzel, eline sağlık. Yardımcı olabilirsek ne mutlu bize.


<style type="text/css">
<!--
h1#title {
display: none;
}
h2#title span {
display: none;
}
div.header {
display: none;
}
li.nav_element {
list-style-type: none;
}
li.nav_element {
display: none;
}
/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
margin: 0;
padding: 0;
}
body {
margin: 0;
margin-top: 50px;
background: #ffffff;
}
body, th, td, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
h1, h2, h3 {
color: #628F95;
}
h1 {
font-size: 3em;
}
h2 {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #628F95;
}
h3 {
font-size: 1em;
}
a {
text-decoration: underline;
color: #628F95;
}
a:hover {
border: none;
text-decoration: none;
}
h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #628F95;
}
h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #628F95;
}
#main {
width: 926px;
float: left;
background: url(http://img.webme.com/pic/t/tevhidmuallimi/back_all.gif) repeat-y;
}
/* Header */
#header {
width: 926px;
margin: 0 auto;
height: 32px;
}
#con {
background: url(http://img.webme.com/pic/t/tevhidmuallimi/left.gif) no-repeat left;
height: 32px;
float: left;
width: 185px;
}
#menu {
float: right;
height: 32px;
width: 741px;
background: url(http://img.webme.com/pic/t/tevhidmuallimi/buttons.gif) repeat-x;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
float: left;
height: 17px;
width: 100px;
margin-right: 1px;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #3A3A3A;
padding-top: 15px;
text-align: center;
}
#menu a:hover {
color: #ff0000;
background: url(http://img.webme.com/pic/t/tevhidmuallimi/buttons_back.gif) no-repeat;
}
#menu2 {
height: 32px;
width: 926px;
background: #868686;
}
#menu2 ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu2 li {
float: left;
}
#menu2 a {
display: block;
float: left;
height: 22px;
width: 140px;
margin-right: 1px;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
padding-top: 10px;
text-align: center;
}
#menu2 a:hover {
color: #ff0000;
}
/* Logo */
#logo {
width: 541px;
height: 226px;
margin: 0 auto;
background: url(http://img.webme.com/pic/t/tevhidmuallimi/header.jpg) no-repeat left top;
}
#logo h1 {
padding-top: 180px;
padding-right: 20px;
color: #ffffff;
text-align: right;
font-size: 24px;
}
#logo h2 {
font-style: italic;
font-size: 10px;
text-align: right;
padding-right: 20px;
}
#logo p {
clear: left;
margin: 0;
padding: 0 0 0 20px;
line-height: normal;
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
}
#logo a {
color: #FFFFFF;
}
/* Page */
#page {
width: 926px;
margin: 0 auto;
border-top: none;
}
/* Content */
#content {
float: right;
width: 741px;
}
#right_left {
width: 515px;
padding-top: 10px;
float: left;
border:2px solid black;
}
#right_right {
float: right;
width: 226px;
padding-top: 10px;
}
.post {
}
.post .title {
margin: 0;
padding-left: 10px;
font-weight: normal;
}
.post h1.title {
height: 30px;
font-size: 18px;
}
.post h2 {
height: 30px;
font-size: 14px;
padding: 10px;
}
.post .entry {
padding: 0 10px 30px 15px;
}
.post .meta {
margin: 0;
padding: 5px 10px 10px 15px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #44763E;
}
.post .meta a {
color: #44763E;
}
.post .links {
margin: 0;
}
.post .tags {
margin: 0;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
background: url(http://img.webme.com/pic/t/tevhidmuallimi/img04.gif) repeat-x;
}
.post .links a, .post .tags a {
border: none;
}
#right_left ul {
padding-left: 20px;
}
#right_left li {
padding-left: 10px;
}
#right_right H2 {
background: #527787 url(http://img.webme.com/pic/t/tevhidmuallimi/title.gif) no-repeat 7px 7px;
color: #ffffff;
padding: 4px;
padding-left: 20px;
text-transform: lowercase;
}
#right_right ul {
padding-left: 20px;
list-style: none;
}
#right_right li {
background: url(http://img.webme.com/pic/t/tevhidmuallimi/small.gif) no-repeat 5px 5px;
padding-left: 20px;
}
/* Sidebars */
.sidebar {
float: left;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin-bottom: 2em;
}
.sidebar li ul {
}
.sidebar li li {
margin: 0;
}
.sidebar li h2 {
margin: 0 0 1em 0;
}
#sidebar1 {
width: 185px;
}
#sidebar2 {
width: 185px;
}
#sidebar2 li h2 {
margin: 0 0 1em 0;
height: 35px;
color: #FFF5C5;
padding-left: 20px;
padding-top: 9px;
}
#sidebar2 li ul {
line-height: normal;
}
#sidebar2 li li {
padding: 5px;
background: url(http://img.webme.com/pic/t/tevhidmuallimi/bottom.gif) no-repeat left bottom;
font-size: .8em;
}
#sidebar2 li a {
border: none;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding-left: 10px;
}
#sidebar2 li a:hover {
border: none;
padding-left: 10px;
text-decoration: underline;
}
#bottom {
height: 30px;
background: url(http://img.webme.com/pic/t/tevhidmuallimi/footer.gif) bottom no-repeat;
}
/* Footer */
#footer {
padding-top: 20px;
padding-bottom: 20px;
height: 20px;
background: #ffffff;
width: 726px;
text-align: center;
}
#footer p {
text-align: center;
font-size: 9px;
color: #868686;
margin: 0px;
padding: 0px;
}
#footer a {
color: #868686;
}
//-->

</style>

 

[hasreddin]

dostum cevabın için çok teşekkür ederim.
Ancak o tasarımdan daha güzel olduguna inandıgım
başka bir tasarım buldum onu kullanıyorum..