Just nu i M3-nätverket
Gå till innehåll
mindsleep

Float problem

Rekommendera Poster

mindsleep
Postad (redigerade)

Vet inte hur många ggr jag gjort det. Ändå lyckas det bli fel. Förmodligen för trött!

 

Vill att den röda bg i wrapper omsluter de 2 kolumnerna. De 2 kolumnerna ska finnas sida vid sida.

 

HTML:

<div id="wrapper">
	<div id="leftcolumn">
	<p>Vänster</p>
	</div>
	<div id="rightcolumn">
	<p>Höger</p>
	</div>
</div>

 

CSS:

body
{
margin: 0px 0px;
padding: 0px;
text-align: center;
width: 100%;
background-color: Lime;
}

#wrapper
{
width: 800px;
background-color: Red;
}

#leftcolumn
{
width: 400px;
float: left;
background-color: transparent;
}

#rightcolumn
{
width: 260px;
background-color: transparent; 
/* IE margin float fix */
display: inline;
float: left;
}

Redigerad av Cecilia
Bytt LOG-taggar till code-taggar /Cecilia, moderator

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B
Postad (redigerade)
 
 <div id="wrapper">
               <div id="leftcolumn">
               <p>Vänster</p>
               </div>
               <div id="rightcolumn">
               <p>Höger</p>
               </div>
       <div style="clear:both;float:none">
	</div>
</div>

Redigerad av Jonas__B

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
mindsleep

 
 <div id="wrapper">
               <div id="leftcolumn">
               <p>Vänster</p>
               </div>
               <div id="rightcolumn">
               <p>Höger</p>
               </div>
       <div style="clear:both;float:none">
	</div>
</div>

 

Tack. Kom på det senare efter jag skrev artikeln!

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...