
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="body"> <div id="content"> <div id="content_header_left"> <div id="content_header_right"> <div id="content_header"> </div> </div> </div> </div> <div id="content_body_left"> <div id="content_body_right"> <div id="content_body"> </div> </div> </div> <div id="content_footer_left"> <div id="content_footer_right"> </div> </div>