Problem z HTML i CSS... TO NIE MA SENSU !!!

0

Witam,

Ponizej zalaczam dwa pliki HTML i CSS... Moje pytanie jest nastepujace: Majac jeden div (banner) ktory ma w sobie dwa divy (parwo i lewo), dlaczego tlo banneru nie obejmuje div prawo i lewo. Moje rozumienie jest takie iz pawo i lewo jest w divie banner wiec powinno przejac wszytkie jego wlasciwosci. Prosze bardzo o pomoc i wytlumaczenie tego zachowania bo jest ono dla mnie nie logiczne...

Dzieki.

Plik HTML

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4.01/strict.dtd">
<HTML>
   <HEAD>
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    	<meta name="Language" content="PL">
    	<meta name="keywords" content="" /  >
    	<LINK rel="stylesheet" href="style.css" type="text/css">
  </HEAD>
  
  <BODY>
    <div id="banner">
      <div id="lewo">
        <a>JAKIS TEXT PO LEWEJ</a>
      </div>
      <div id="prawo">
        <a>JAKIS TEXT PO PRAWEJ</a>
      </div>
    </div>  
    <div="menu">
    </div> 
  </BODY>
</HTML>

Plik CSS

body
{
margin: 0px;
background: white;
}

#banner
{
color: red;
font-family:"verdana","arial black","helvetica";
border: 2px solid red; 
background: black;
}


#lewo
{
width: 80%;
float: left;
font-size: xx-large;
}

#prawo
{
float: right;
width: 20%;
font-size: small;
}    

0

dodaj do #banner
overflow: auto
lub
overflow: hidden

0

Jest to spowodowane tym, że elementy pływające wypadają ze zwykłego biegu dokumentu. Aby to wyeliminować proponuję pod divami #prawo i #lewo dać pustego diva

</p>

W CSS nadać mu własność:

.clear{
clear: both;
}

Można to rozwiązać w bardziej elegancki sposób metodą "clearfix", ale jest to nieco bardziej skomplikowane, polecam poszukać w googlach.

Pozdrawiam.

1 użytkowników online, w tym zalogowanych: 0, gości: 1