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

Float problem


mindsleep

Rekommendera Poster

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;
}

Länk till kommentar
Dela på andra webbplatser

 
 <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>

Länk till kommentar
Dela på andra webbplatser

 
 <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!

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...