floats

Nånting som är krångligt är floats. eller det är inte det när man förstår hur man får dom att sluta. så här kommer en lösning på detta

kodexempel:

<div id=”wrapper”>

<div id=”header”> </div>

<div id=”col1″> <div>

<div id=”col2″> </div>

<div class=”clear”> </div>

<div id=”footer”> </div>

</div>

nu har vi strukturerat upp koden och vill ha col1 och col2 på samma rad. det vi behöver göra är följande i CSS.

#col1
{
float: left;
}

#col2
{
float: left;
}

.clear
{
clear: both;
}

så har vi avbrutit floaten. detta är genom den extra divtaggen med classen ”clear” där vi lagt en clear both vilken helt enkelt stannar upp floaten och footern lägger sig således under de 2 andra!

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s


%d bloggare gillar detta: