Skapa kolumner med css utan tabeller

Så här gör man för att skapa två boxar bredvid varandra med css-regler.

<div id="container" style="background-color:red;">

<div id="leftColumn" style="float:left;">
Innehåll i vänster cell
</div>
<div id="rightColumn" style="float:right;">
Innehåll i höger cell
</div>
<div style="clear:both;">&nbsp;</div>
</div>

Att avsluta med en ny div som rensar båda kanter kan vara bra ide. Ibland sträcker sig omgivande cellen inte tillräckligt långt ner på sidan (den jag har kallat "container" i exemplet). Det är framförallt om man bara har bilder inuti cellerna som den omgivande cellen inte går ända ner. Det finns även en bugg i IE6 som löser sig om man har en div längst ner som rensar båda kanter.

Comments

really it is very good information. thanks for sharing this information. http://www.onlinepromotionuae.ae

Get in touch with HP experts by calling 0800-098-8371 HP contact number UK. The technical experts are always ready with proper resolution for HP issues a common user can face.

Please fill out all the fields.

*
*