(IMG:http://img839.imageshack.us/img839/5291/obrazekp.jpg)
Witam
stworzyłem ramkę z obrazków wewn. której zamieszczane są niektóre informację na mojej stronie.
Niestety z niewiadomych mi względów wewn. ramki tj. w <div class="content_body"> nie moge używać float:right ponieważ element który posiada ten atrybut jest traktowany jakby nie był w tej ramce. Tzn. ramka nie dostosowuje się do jego rozmiaru.
Bardzo mi zależy aby nie pozycjonować "wnętrzności" tej ramki za pomocą tabeli
CSS:
#body {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#content_header_left {
background-image: url(images/naroznik_gora_lewo1.png);
background-repeat: no-repeat;
background-position: left top;
height: 56px;
}
#content_header_right {
background-image: url(images/naroznik_gora_prawo1.png);
background-repeat: no-repeat;
background-position: right top;
height: 56px;
}
#content_header {
background-image: url(images/border_gora1.png);
background-repeat: repeat-x;
background-position: top;
margin-right: 12px;
margin-left: 12px;
height: 56px;
}
#content_body_left {
background-image: url(images/border_lewo1.png);
background-repeat: repeat-y;
background-position: left;
}
#content_body_right {
background-image: url(images/border_prawo1.png);
background-repeat: repeat-y;
background-position: right;
}
#content_body {
background-color: #FFF;
margin-right: 12px;
margin-left: 12px;
padding: 1px;
}
#content_body p {
padding-left: 10px;
padding-right: 10px;
}
#content_footer_left {
background-image: url(images/naroznik_dol_lewo1.png);
background-repeat: no-repeat;
background-position: left bottom;
}
HTML:
<div id="content_header_left"> <div id="content_header_right"> <div id="content_header"> <div id="content_body_left"> <div id="content_body_right">
<div id="content_footer_left"> <div id="content_footer_right"> <div id="content_footer"></div>