phpwcms Support Forum

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?

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

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

phpwcms Support Forum

scrollbar in IE when comments are vissable in guestbook

scrollbar in IE when comments are vissable in guestbook