Witam, wszystkich. Na początku obrazek:
(IMG:
http://www.mjsp.pl/atest/schemat.jpg)
Problem niby banalny, ale walczę już z tym prawie przez całą noc. Chodzi o wyśrodkowanie Div'ów o nr:2-8, 11,14,17,20. Mianowicie chodzi mi o to, aby przy zmianach okna przeglądarki, te divy były cały czas na środku, a div'y po bokach się w miarę pomniejszania okna kurczyły...
Poniżej kod CSS:
#Tabela_01 to div w którym są umieszczone wszystkie inne divy...
body {
text-align: center;
margin: 0;
padding: 0 0 15px 0;
font-family: "Times New Roman", Times, serif trebuchet ms, arial, helvetica, sans-serif;
background-color: #000020;
background-repeat: repeat;
color:#FFFFFF;
}
#Tabela_01 {
margin: 0px auto;
background-image:url(images/Content.jpg);
background-repeat:repeat;
width:1600px;
position:fixed;
}
#header-left {
left:0px;
top:0px;
float: left;
background-image:url(images/header_left.jpg);
width:260px;
height:124px;
}
#header-logo {
float: left;
left:260px;
top:0px;
background-image:url(images/header_logo.jpg);
width:533px;
height:124px;
}
#blog {
float: left;
left:793px;
top:0px;
background-image:url(images/blog.jpg);
width:95px;
height:124px;
}
#porady {
float: left;
left:888px;
top:0px;
background-image:url(images/porady.jpg);
width:95px;
height:124px;
}
#astrologia {
float: left;
left:983px;
top:0px;
background-image:url(images/astrologia.jpg);
width:96px;
height:124px;
}
#kulinaria {
float: left;
left:1079px;
top:0px;
background-image:url(images/kulinaria.jpg);
width:96px;
height:124px;
}
#kontakt {
float: left;
left:1175px;
top:0px;
background-image:url(images/kontakt.jpg);
width:96px;
height:124px;
}
#header-bar {
float: left;
left:1271px;
top:0px;
background-image:url(images/header_bar.jpg);
width:30px;
height:124px;
}
#header-right {
float: left;
left:1301px;
top:0px;
background-image:url(images/header_right.jpg);
width:299px;
height:124px;
}
#szablon4-plasterki-10 {
float: left;
left:0px;
top:124px;
background-image:url(images/szablon4_plasterki_10.jpg);
width:260px;
height:136px;
}
#cytaty-center {
float: left;
left:260px;
top:124px;
background-image:url(images/cytaty_center.jpg);
width:1041px;
height:136px;
}
#cytaty-right {
float: left;
left:1301px;
top:124px;
background-image:url(images/cytaty_right.jpg);
width:299px;
height:136px;
}
#content-left {
float: left;
left:0px;
top:260px;
background-image:url(images/content_left.jpg);
width:260px;
height:299px;
}
#content-main {
float: left;
left:260px;
top:260px;
background-image:url(images/content_main.jpg);
width:1041px;
height:299px;
}
#content-right {
float: left;
left:1301px;
top:260px;
background-image:url(images/content_right.jpg);
width:299px;
height:299px;
}
#bottom-left {
float: left;
left:0px;
top:1282px;
background-image:url(images/bottom_left.jpg);
width:260px;
height:118px;
}
#bottom-bar {
float: left;
left:260px;
top:1282px;
background-image:url(images/bottom_bar.jpg);
width:1041px;
height:118px;
}
#bottom-right {
float: left;
left:1301px;
top:1282px;
background-image:url(images/bottom_right.jpg);
width:299px;
height:118px;
}
Pozdrawiam i z góry dziekuję za pomoc.