Topic: Understanding PUBB CSS and DIV usage

One week ago I've started to study punBB CSS and HTML code to uderstand how to devel some good punBB feature in my site.

This is what I've realized

Example

CSS is here

But is not all done, I've not reached my aim again.

What I need to do ?

I need to put "division two" at the bottom of the left col but I've not find out a solution.

punBB seem to have this feat, take a look here.

Viewing the code I can see the first divisision appear like this

    <div class="postleft">
        <dl>
            ....
        </dl>
    </div>

and the second one like this

    <div class="postfootleft"><p><strong>Online</strong></p></div>

I've noticed that beetwen the two division is present another div appearing like the following one

    <div class="clearer"></div>

But although I've tried also this way seem there was nothing to do for me.

Someone can help me ? Someone know some issues to reach that aim ? I've read lot of float css tutorial but I haven't find the right solution.

Any kind of suggestion is wellcome.

Bye bye

morpheus

2

Re: Understanding PUBB CSS and DIV usage

easy way - copy html+css from punbb and edit for you needs

Hm... every pixel has it's own destiny

3

Re: Understanding PUBB CSS and DIV usage

The <div> called "postfootleft" is actually below the "postleft"

Basically what you do is:
1. Enter your div "division one"
2. Enter your div with the content
3. Enter the clearer div
4. Enter your div "division two"
5. Enter some other div on the right

The German PunBB Site:
PunBB-forum.de

Re: Understanding PUBB CSS and DIV usage

Thanks a lot.

I'll try your suggest and I'll give you a feedback as soon as possible

Thank again

5 (edited by morpheus 2005-10-18 14:32)

Re: Understanding PUBB CSS and DIV usage

Ok tried it and this is the result.

CSS file is this one

What's wrong

Thank for your help and reply

Re: Understanding PUBB CSS and DIV usage

Solved!

Thanks Tobi.

I've understand now what do you mean smile.

The problem was where I've putted the clearer division.

I've putted it after the first left div and not after the content one.

Thanks a lot again