Div nestiepjas pa vertikāli.

[jam]

Notiek nesaprotama lieta. Zemāk redzamajā kodā divam ar id "saturs" ir definēts background krāsa. Tas sevī ietver divus citus divus, no kuriem viens ir Wordpress postu kalendārs.

Kas dīvaini, tad tas div ar id "saturs" nestiepjas pa vertikāli lielāks un neņem vērā stuffleft izmēru.

 

WTF?

 

 

<div id="saturs">

<div id="stuffleft">
  <table id="wp-calendar" summary="Calendar">
<caption>June 2007</caption>
  <thead></thead>
  <tfoot></tfoot>
  <tbody></tbody>
 </table>
</div>

<div id="stuffright">
<ul></ul>
</div>

</div>

 

div#saturs{
background-color:#f7deea;
padding:5px;
font-family: Verdana, Tahoma, sans-serif;
}

div#stuffleft{
text-align: left;
float:left;
width:100px;
}

div#stuffright{
float:right;
width:100px; 
margin:7px;
}

div#stuffright ul{
margin:0; 
padding:0;
}

div#stuffright li
{
list-style-type: none;
text-align: left;
margin:1px;
}

[andrisp]

Tas tāpēc, ka tie divi iekšējie div'i tiek float'ēti. Tav vajag ielikt uzreiz pēc tiem kādu clearer elementu. Piem., <div style="clear: both; "></div>.

 

Vari arī mēģināt parent div'am saturs norādīt float: left vai right. Bet tas atkarīgs no situācijas.

[jam]

Damn, tak jaliek ir clear :)

 

paldies, Andrisp!