Jak w temacie, mam ustawione margin: 0 auto; oraz padding, próbowałem już na różne sposoby, ale strona tak jakby nie reagowała na żadne z tych właściwości. Oto kod:
*{
margin: 0 auto;
padding: 0 auto;
}
html, body {
padding: 0;
}
html {
margin: 0;
font-family: Verdana, sans-serif;
color: #000000;
background-color: #ffffff;
}
body {
margin: 0 auto;
text-align: center;
width: 980px;
font-size: 62,5%;
min-height: 100%;
height: 100%; /* for MSIE6 */
color: #000000;
background:transparent #ffffff repeat-y;
position: relative;
}
div#content {
font-family: Arial;
width: 980px;
min-height: 500px;
overflow: hidden;
background: #ffffff;
margin: 0 auto;
}
div#top {
height: 253px;
background: url('projekt_01.jpg');
}
div#body {
width: 558px;
padding: 0;
word-wrap: break-word;
margin: 2px 0 14px 232px;
overflow: hidden;
background: #ffffff repeat-y;
}
div#right-sidebar {
width: 195px;
padding: 2px 3px 1px 3px;
min-height: 300px;
word-wrap: break-word;
overflow: hidden;
background: url('sidebar.jpg') #ecf4f9 repeat;
margin: 0;
position: absolute;
top: 259px;
left: 793px;
}
/*---------------Left-Menu------------*/
ul#menu {
margin: 0;
float: left;
list-style-type: none;
position: absolute;
top: 253px;
left: 39px;
}
ul#menu li {
width: 187px;
margin: 0;
padding: 1px 0 0 0;
display: block;
text-indent: -9999px;
}
ul#menu li a {
width: 187px;
height: 40px;
border: o;
display: block;
text-decoration: none;
}