Topic: the forum looks bad under firefox after width changing.

http://img317.imageshack.us/img317/9633/untitled2copy8rv.th.jpg
Hi after configuring the body width to 800px the forum not look right on firefox (Under i.e. every thing fine).
can some one figure how to solve this problem?

2

Re: the forum looks bad under firefox after width changing.

How did you set the width?
And where?

The German PunBB Site:
PunBB-forum.de

Re: the forum looks bad under firefox after width changing.

Tobi wrote:

How did you set the width?
And where?

I set the width in another css file in:  ../style.css (before the forum root folder)

style.css:

body {width: 100%;
margin:0;
padding:0;
text-align: center;
direction:rtl;
width: 99%
}

#container {margin: 0 auto;
width: 790px;
height: 100%;
text-align: right;
position: relative;
overflow: none;}

main.tpl:

<!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_include "headcontent.php">
<pun_head>
<link rel="stylesheet" type="text/css" href="../style.css" />
</head>
<body>
<div id="container">pagebody
        <img src="../images/b_01.gif" alt="logo" class="logo">
        <img src="../images/b_02.jpg" alt="" class="logob">
        <pun_include "printmenudiv.php">
<div class="pagebody">
    <div id="punwrap">
    <div id="pun<pun_page>" class="pun">

    <div id="brdheader" class="block">
        <div class="box">
            <div id="brdtitle" class="inbox">
                <pun_title>
                <pun_desc>
            </div>
            <pun_navlinks>
            <pun_status>
        </div>
    </div>

    <pun_announcement>

    <pun_main>

    <pun_footer>

    </div>
    </div>
</div></div>
</div></body>
</html>

thank you

Re: the forum looks bad under firefox after width changing.

http://punres.org/doku.php?id=how-tos:c … orum_width

5

Re: the forum looks bad under firefox after width changing.

First get the css right. There is no such thing as "overflow: none". Overflow can either be visible, auto or hidden. It also looks like you have one closing div tag too many.