yui-gb problem

Board index » YUI 2.x: » CSS

Page 1 of 1

[ 2 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

Andreas Lappe

Username: crazynd
Joined: Wed May 19, 2010 9:21 am
Posts: 1

Tags:

yui-gb problem

Posted: Wed May 19, 2010 11:46 pm

+0-

I'm trying to split my page in 1/4 and 3/4 and then dividde the 3/4 in three columns with the following snippet:

Code:

<body>
        <div id="doc2">
            <div id="yui-main">
                <div class="yui-b">
                    <div class="yui-gf">
                        <div class="yui-u first">
                            nav
                        </div>
                        <div class="yui-u">
                            <div class="yui-gb">
                                <div class="yui-u first">
                                    <p>Content 1</p>
                                </div>
                                <div class="yui-u">
                                    <p>Content 2</p>
                                </div>
                                <div class="yui-u">
                                    <p>Content 3</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>

Is there an error in it? As the three columns do not seem to work... here's what I get:

Hope anyone sees my error...

Thanks
Andy

Arthur Ronald F D Garcia

Joined: Mon May 17, 2010 6:23 am
Posts: 1

Re: yui-gb problem

Posted: Fri Jun 18, 2010 12:42 pm

+0-

You can get what you want by using

Code:

    <div id="doc2">
        <div class="yui-g">
            <div class="yui-g first">
                <div class="yui-g first">
                    1/4
                </div>
                <div class="yui-g">
                    3/4 1°
                </div>
            </div>
            <div class="yui-g">
                <div class="yui-g first">
                    3/4 2°
                </div>
                <div class="yui-g">
                    3/4 3°
                </div>
            </div>            
        </div>
    </div>

Page 1 of 1

[ 2 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum