scrollbar in IE when comments are vissable in guestbook

[Zym0tiC]

I created a phpwcms site which works perfect...except for 1 thing. When I post a reply in a guestbook I got scroll bars in IE (both directions), example: http://www.shinebox.nl/index.php?id=9,20,0,0,1,0
Nothing to see in firefox. I suppose it is a css issue but i'm not a hero in css coding.

My css for my site:

Code: Select all

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
         background: url(/img/site/whitestripes.gif);
}


/**
 * CSS for DIV's
 */
#container {
        position: absolute;
        top: 25px;
        left : 50%;
        width : 760px;
        margin-left : -380px; /* -(width / 2 ) */
        padding-bottom: 25px;
}

#container2 {
        border: 1px solid #000000;
        width: 100%;
        height: 100%;
}

#banner {
        height: 160px;
        background: url(/img/site/banner.jpg);
}

#center {
        width: 100%;
        background: url(/img/site/bg.gif);
        overflow: auto;    
}

#content {
        padding: 5px;
        margin-left: 175px;
        margin-right: 10px;
}

#menu {
        float: left;
        width: 160px;
        \width: 170px;
        w\idth: 160px;
        padding: 5px;
}

#footer {
        clear: both;
        text-align: center;
        background: url(/img/site/footer.jpg);
}

[...]

This is my template:

Code: Select all

<div id="container">
<div id="container2">
<div id="banner"></div>

<div id="center">
<div id="menu"><div class="HomeItem"><a    href="index.php">Home</a></div>{NAV_LIST_ALL}<br><hr><br>
<b>Quicklinks:</b><br><a href="/moviedb/index.php">Personal MovieDB</a>
</div>
<div id="content">{CONTENT}</div>
</div>

<div id="footer">&nbsp;
[TOP]Omhoog[/TOP]
{SPACER:25x1}[BACK]Terug[/BACK]
{SPACER:25x1}[PRINT]Print[/PRINT]
{SPACER:25x1}<a href="index.php?zoeken" target="_self">Zoeken</a>
{SPACER:25x1}<a href="index.php?sitemap" target="_self">Sitemap</a> 
</div>
</div>
</div>

I tried playing with:
overflow-x: hidden;
overflow-y: hidden;

in both: containter, container2, content but this isn't working.

Somebody who can see where my problem is?

[Kosse]

Hi Zym0tiC,

not sure but generally some CONTENT PARTS play tricks (like this guestbook), seems like it is the output of your comments that causes the scrollbars,
try changing <table width="100%"> (shown beneath) to something different then 100% ... Maybe 450 px? Or put it in a div that you set to an absolute width value?

Code: Select all

<h3>Reacties:</h3><h3>Reacties:</h3><table border="0" cellpadding="2" cellspacing="0" width="100%">
  
  <tbody><tr></tr>
  <tr bgcolor="#f5f5f5">
    <td align="right" width="1%"><strong>1&nbsp;&nbsp;</strong></td>
    <td width="99%">

I posted a reaction to see what happened and indeed it is the form output... (+ reacties prints itself everytime you post a new one)

Hope it will do it,

Cheers

[Zym0tiC]

thanx for your fast reaction.... it works \o/