1 (edited by Tubby 2006-10-02 01:31)

Topic: Punbb Portal Problem!!

Ok im recently working on dividing my punbb portal in to 3 different coloums: A left side, a container, and a right side.

Here is my code....as you can see i have decided to use percentages cause its easier.

My error is this.....you can see it by visiting my portal: www.fatal-gfx.com/index.php

heres the code in my tpl file:

<style type="text/css">
    #left {
        width: 20%;
        float: left;
    }
#container {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
        
}
 #right {
        width: 20%;
        float: right;
    }
</style>

Could someone tell me what im doing wrong or what has gone wrong?

2

Re: Punbb Portal Problem!!

1. The floated columns need to come before the container in the markup unless you go for a negative margin solution. The correct order is
- left
- right
- container

Get rid of the margins on the container.

2. <marquee> is not valid xhtml. In fact I'm not sure its valid anything anymore (if it ever was).

3. Your fieldsets must have legends.

Oh! and if you must use percentages, remember IE can't count. It thinks that 20% + 20% + 60% = 101% (or maybe even 102%) so you have to give it some breathing room.

3

Re: Punbb Portal Problem!!

Ok i fixed it up a bit jsut like you told me to i had to switch some things around in the tpl file as well.........still not comin out right

heres my error: www.fatal-gfx.com/index.php

I also went off and found the percentages of the skin im using.

Heres the code to my whole tpl file for my portal page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<style type="text/css">
    #left {
        width: 157px;
        float: left;
    }
 #right {
        width: 157px;
        float: right;
    }
#container {
        width: 471px;
        margin-left: 157px;
        margin-right: 157px;

}

</style>
</head>
<body>
 
<div id="punwrap">
<div id="pun<pun_page>" class="pun">
 
<div id="brdheader" class="block">

<div class="box">
        <div id="brdtitle" class="inbox">
          <p align="center"><img src="http://img87.imageshack.us/img87/5586/banner1fh9.jpg" border="0"/></p>
        </div>
        <pun_navlinks>
<br />
<pun_memblinks>
        <pun_status>
    </div>
</div>
 
<div id="container">
    <div id="main">
    
        
    
        <pun_main>
        
    </div>    
</div>

<div id="left">    
    <div class="block">
        <h2><span>Main Navigation</span></h2>
        <div class="box">
        <pun_sidelinks>            
        </div>
    </div>
<div class="block">
        <h2><span>Member Navigation</span></h2>
        <div class="box">
        <pun_sidelinks2>            
        </div>
    </div>

<div class="block">
        <h2><span>Affliates</span></h2>
        <div class="box">
<div class="inbox">

Affliates Here

</div>
</div>
</div>
</div>

<div id="right">

<div class="block">
<h2><span>Test Block</span></h2>
<div class="box">
<div class="inbox">
Not working!!!!
</div>
</div>
</div>

</div>








 
<div class="clearer"></div>
 
<pun_footer>
 
</div>
</div>
 
</body>
</html>

O ya and i tried getting rid of the margins on the container but then the container doesnt stay centered.

4

Re: Punbb Portal Problem!!

You still don't have the left and right columns before the container. I'm talking about the markup not the css.

5 (edited by Tubby 2006-10-02 03:29)

Re: Punbb Portal Problem!!

Forget this topic and thank you for your suuport man!! I love you!! check it out at fatal-gfx.com/index.php

Re: Punbb Portal Problem!!

Paul wrote:

2. <marquee> is not valid xhtml. In fact I'm not sure its valid anything anymore (if it ever was).

It's a perfectly valid nuisance. wink

Looking for a certain modification for your forum? Please take a look here before posting.