css problēma

[Puika1]

Man radās problēmas ar css title kodu,screena viņa ir redzama!

 

 

 

 

<div id="col_right">
<div id="col_title">wtf </div>
<div id="col_cont">
</div>
kad es te kautko ierakstu tad ior normali
<div id="col_title"></div>
<div id="col_cont">
</div></div>

 

 

HTML kods

 

<div id="col_right">
<div id="col_title">wtf </div>
<div id="col_cont">teksts te
</div>
<div id="col_title">wtf2 </div>
<div id="col_cont">teksts te
</div></div>

 

TITLE CSS KODS

 

#col_title{
   width: 235px;
   height: 27px;
   background: #333333 url('images/title.png') no-repeat;
   text-align: center;
   text-transform: uppercase;
   color: #ffffff;
   font-size: 11px;
   line-height: 27px;
   padding-right: 0px;
   letter-spacing: 1px;
}

[yancho]

"kad es te kautko ierakstu tad ir normali" vietā lieto

<div style="clear:both"></div> 

Edited October 17, 2011 by yancho

[Kemito]

Pēc katra flototā div elementa, kur nākamais div elements nesatur float jālieto clear.

Piemēram:

<div style="float: left;">
Šis div man ir FLOATOTS kreisajā pusē
</div>
<div style="clear: both;"></div>
<div style="padding: 1px;">
Šis div elements nav FLOTOTS kreisajā pusē
</div>

 

Šādi strādās pareizi, tapēc, ja lieto kādu divu un/vai parastu tekstu kas nesatur float: left; izmanto pēc tā float: left; div`a clear`u.

Ceru, ka doma skaidra.

 

P.S. Jā es nezinu kā tulkot "Float" :D

[Puika1]

paldies yancho un Kemito,tagad viss OK!