[HTML][CSS] background Opcje

[Lejto]

Mam kod który tworzy "pudełko" itp z zaokrąglonymi rogami wszystko jest ok tylko jak wyświetlam nagłówek, pod spotem treści ustawiłem kolor przykładowo na czerwony i pokazuje go jako tło i jest ok tylko to tło jest jeszcze pokazane pod obrazkiem a nie powinno.
(IMG:http://img201.imageshack.us/img201/1759/37905907gg9.gif)
Kod:

[HTML] pobierz, plaintext 
<style>
.le{background: url('images/lewo.gif');background-repeat: no-repeat; width: 15px;height: 23px;float: left;}
.sr{background: url('images/srodek.gif'); background-repeat:repeat;overflow: hidden; height:23px; float:left;overflow:hidden;}
.sr{font-size:12px; font-weight:bold; vertical-align:bottom; overflow: ;}
.pr{background: url('images/prawo.gif'); background-repeat: no-repeat; width:15px; height:23px; float: right;overflow:hidden;}
</style>
 	<div style="width:590px;">
	<span class="le"></span> 
	<span class="sr" style="width:560px;"> <p class="naglowek">&raquo; <? include("mods/nawigacja_1.php"); ?> </p></span>
	<span class="pr">&nbsp;</span>    		
    <div style="background-position:bottom; background:red;">
        			<? require_once("mods/error_handler.php"); ?>			
 					<? include("mods/nawigacja_2.php"); ?>
 
    </div>
[HTML] pobierz, plaintext 

Ten post edytował Lejto 6.01.2009, 14:06:33

[ziqzaq]

Ogólnie to moje pytanie było lekkim czepianiem się, nic wielkiego (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Chodzi o to, że span jest elementem liniowym a ty wepchnąłeś go na siłę jako element blokowy (możesz sobie sprawdzić jakimś JS, czy Firebug, że te elementy span dostają display:block; a nie tego oczekuje się po span).
Nie ładniej i przejrzyściej byłoby zastosować divy, które z definicji są elementami blokowymi?

[PHP] pobierz, plaintext 
<?php
<div style="width:560px;">
    <div class="le"></div> 
    <div class="sr" style="width:590px;"><p class="naglowek">Nagłówek</p></div>
    <div class="pr"></div>
    <div style="clear:both;background-position:bottom; background:red;"></div>
</div>
?>
[PHP] pobierz, plaintext 

Ale tak jak wspomniałem.
Pytanie było tylko z ciekawości, nic więcej. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)