Jag vill lägga 2 boxar (<div>ar) brevid varandra. Den högra diven ska ha en fast bredd och den vänstra ska täcka resten av sidan. Detta kanske fungerar? Tack för det snabba svaret, det fungerade dock inte. Sitter själv med ett likande problem, vill loopa ut i 2 kolumner som skall vara lika breda, men inte inte lika höga. Använder tabeller nu, men är ena tabellen högre än den andra så blir det skevt. Jag lyckades lösa mitt problemPostitionering med CSS
Tack på förhand
JonasSv: Postitionering med CSS
<div style="width:900px">
<div style="float:left;width:100%">
<span>den breda</span>
<div style="float:left;width:200px">
<span>den fasta</span>
</div>
<br style="clear:both" />
Sv:Postitionering med CSS
När man sätter en div till 100% så verkar den gå ända ut i kanten oberoende om det finns en till div efteråt. Den andra diven knuffas helt enkelt ner till nästa rad.Sv: Postitionering med CSS
Hittade följande sida som jag gräver i just nu. Bra innehåll.
Återkommer om jag hittar mer.
http://www.w3schools.com/css/css_positioning.asp
mvh
TorbjörnSv:Postitionering med CSS
<code>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>div-placering mha CSS</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
#left_div {
padding: 0 300px 0 0;
float: left;
background: #777;
}
#right_div {
float: right;
margin: 0 0 0 -300px;
width: 300px;
background: #aaa;
}
</style>
</head>
<body>
<div id="left_div">
div-placering mha CSS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed volutpat, diam nec iaculis malesuada, nisl dolor blandit diam, eget fermentum metus quam id tellus. Integer vitae nulla non mi fringilla luctus. Praesent bibendum. Curabitur pellentesque scelerisque purus. Vestibulum tincidunt dignissim massa. Aenean sollicitudin libero vitae purus. Pellentesque in nibh. Curabitur lacinia suscipit erat. Fusce dictum iaculis lorem. Pellentesque commodo elit sed lorem. Proin vitae est at sapien placerat dapibus. Vestibulum pellentesque pulvinar orci.
</div>
<div id="right_div">
div-placering mha CSS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed volutpat, diam nec iaculis malesuada, nisl dolor blandit diam, eget fermentum metus quam id tellus. Integer vitae nulla non mi fringilla luctus. Praesent bibendum. Curabitur pellentesque scelerisque purus. Vestibulum tincidunt dignissim massa. Aenean sollicitudin libero vitae purus. Pellentesque in nibh. Curabitur lacinia suscipit erat. Fusce dictum iaculis lorem. Pellentesque commodo elit sed lorem. Proin vitae est at sapien placerat dapibus. Vestibulum pellentesque pulvinar orci.
</div>
</body>
</html>
</code>
Vad den gör om jag förstått rätt är att hindra texten i vänstra kolumnen från att gå närmare högra kanten än 300 pixlar och sedan läggs den högra boxen helt enkelt över den vänstra 300 pixlar från högra kanten. Men jag tror itne att det är svaret på din fråga.
Det låter som att du lätt skulle kunna nå ditt mål genom att placera 2 divar brevid varandra.
<code>
<div style="float:left;width:300px;">
Box 1
</div>
<div style="float:left;width:300px;">
Box 2
</div>
</code>