NFOHump.com :: View topic - IE not displaying the page correctly / phpbb3

Page 1 of 1

UserFriendly7
Moderator

Posts: 1471
Location: England

Posted: Sat, 27th Oct 2007 01:55 Post subject: IE not displaying the page correctly / phpbb3

ok here's the problem; been playing with templates and design with phpbb3. Got a good background to the site and it displays 100% correct with firefox.

As soon as I view it in IE it shifts the page over to the left by about 1px.

The background is one image positioned center and repated on the "y axis".
The logo is on the phpbb overall_header template 900px wide; centered on the page.

This is what happens:

I highlighted in red the problem. What would one suggest to resolve the cross browser problem? Crying or Very sad

the background is defined in the colours.css file like as follows (xxx = defines the correct url):

Code:

html, body {
background-color: #393939;
background-image: url(xxxxxx.xxx/xxxx/xxx/background.gif);
background-repeat: repeat-y;
background-position: center;
}

and the following is whats in the overall_header.php template:

Code:

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<table width="100%" height="175" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="900px" height="175px" align="right" valign="bottom" background="http://xxxx.xxxxx/xxxx/xxxx/xxx/xx/logo_header.jpg">

<div id="search-box">
         <form action="{U_SEARCH}" method="post" id="search">
         <fieldset>
            <a id="top" name="top" accesskey="t"></a>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="{SEARCH_WORDS}{L_SEARCH_MINI}" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
            <input class="button2" value="{L_SEARCH}" type="submit" /><br />
            <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_HIDDEN_FIELDS}
         </fieldset>
         </form>
   </div>
   </td>
</tr></table></td>
</tr>
</table>

<div id="wrap">

(bit of a mess oops Wink

)

Spoiler:

Profile
PM

Page 1 of 1

All times are GMT + 1 Hour