Css kolumn problem

Frippe
Frippe
Gradering

#14550

Hej,

Jag håller på att skapa en layout men får ett css problem, som ni kan se på min layout här: http://itscouten.se/work/1/

Så hamnar höger kolumn längre ner än vid topen?

Höger respektive vänster css kod här nedan


.left{float:left;margin:0 0 8px 0;width:260px; background:#fff; clear:both;}
.right{float:left;width:708px;background:#fff; margin:0 0 0 8px;}

| Skriv ut

ID: #14550 | Skapades: 2009-02-20 12:17:31 | Tråden har 3 svar och har lästs 254 gånger.

Pettersoft
Gradering

#14551

Pröva sätt float: right; på right kolumnen.

Its not about how hard you can hit, its how hard you can get hit, and still go on.

ID: #14551 | Skapades: 2009-02-20 12:40:22

voigtan
voigtan
Gradering

#14552

sätt en left wrapper och en right wrapper istället och lägg in menyn/länkarana inne i dessa istället och kör två wrapper:

.left { float:left; margin: 0px 0px 8px 0px; width:260px; background:#fff; }
 .right{ margin: 0px 0px 0px 268px; background:#fff;} /* Margin-left is the same value as the left width   8px margin */

På detta sätt får du:
betydligt enklare att strunta i att hålla reda på hur bred right skall vara, det vet vi redan eftersom att diven tar upp restan av den resterande bredden.

<div id="content">
    <div class="left">
        <div class="item">
            hello
        </div>
        <div class="item">
            hello
        </div>
        <div class="item">
            hello
        </div>
    </div>
    <div class="right">
        <div class="main-text">
            Hello!<br />
            <br />
            <br />
        </div>
    </div>
</div>

något i stil med detta (bakgrundsfärger mm får väl flyttas men).

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375

ID: #14552 | Skapades: 2009-02-20 12:52:18

Frippe
Frippe
Gradering

#14553

Tackar, det fungerade precis som jag ville!

ID: #14553 | Skapades: 2009-02-20 12:57:25