WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   tre kolumner i design... css? (https://www.wn.se/forum/showthread.php?t=1038885)

youheardit 2009-11-02 13:32

tre kolumner i design... css?
 
Hej!
Jag har nyss fixat en design till en av mina hemsidor och ska koda över den till html/ css och har fastnat lite på den "största" delen.

min design är uppdelad i 3 (tre) kolumner, bifogar ett exempel på hur den är uppbyggd.

Hur får jag dem på sin position bäst med css/ html? utan att använda tabell..
Har testat float: right och även left mm... men inget verkar funka, blir att en av dem går under dem andra :(

Tacksam för svar!
MvH!
//Philip Andersson!

xcs101 2009-11-02 13:42

Ser inte att du bifogat någon bild?

Här är iaf en "3 columns layout"

Kod:

#wrapper {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        border:0;
        width: 700px;
        background:#cecece;
}

#header {
        margin: 0 0 15px 0;
        background: yellow;
}

#side-a {
        float: left;
        width: 150px;
}

#side-b {
        float: right;
        width: 150px;
}

#content {
        float: left;
        width: 56%;
}

#footer {
        clear: both;
        background: #A2A2A2;
}

Kod:

<div id="wrapper">
        <div id="header">
                HEADER
        </div>
        <div id="container">
                <div id="side-a">
                        SIDE A
                </div>
               
                <div id="content">
                        CONTENT
                </div>
               
                <div id="side-b">
                        SIDE B
                </div>
        </div>
        <div id="footer">
                FOOTER
        </div>
</div>

Hoppas det är detta du söker, annars får du göra ett nytt försök med bilden.

Victor

youheardit 2009-11-02 14:09

tack så hemskt mycket detta funkade! har aldrig tänkt på det.

opps, glämde visst att bifoga bilden :p

Ha det bra!
//Philip Andersson!

xcs101 2009-11-02 19:36

Citat:

Ursprungligen postat av youheardit (Inlägg 20329325)
tack så hemskt mycket detta funkade! har aldrig tänkt på det.

opps, glämde visst att bifoga bilden :p

Ha det bra!
//Philip Andersson!

Kul att det funkade!
Ha det bra du med:)


Alla tider är GMT +2. Klockan är nu 07:58.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson