1
Dessertinnov
Internet Explorer fix?

Hello, I have a site i'm working on in xoops that will use the banners at the top for various different things, upon modifying the theme i placed a div tag around the entire site so that I may center it and shorten the width, In all browsers other than internet explorer the theme displays properly, but in IE the banner is around 250px to the left yet each time i try to fix it through the ie8.css file nothing happens, any suggestions?

2
playsome
Re: Internet Explorer fix?
  • 2010/10/19 16:31

  • playsome

  • Not too shy to talk

  • Posts: 197

  • Since: 2009/4/15


Yea, IE sometimes doesnt play the game when it comes to css and positioning.

In the themes css file look to see how the banner is positioned i.e float, absolute, relative and try and change some values to see if it moves, test in both ff and ie.

As for your centering of the theme with the div wrapped around the entire site try this instead: in the theme html file locate the css rules for body and if if its not already there change it to

#html, body
{
margin:0auro;
top:0;
left:0;
bottom:0;
right:0;
width:/*your width in pixels i.e 960px*/;
}


this should center the webpage in the browser screen, remember to remove the divs you added.

3
Burning
Re: Internet Explorer fix?
  • 2010/10/19 16:45

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


hi'

Could I suggest a little correction
Quote:

#html, body
{
margin:0 auto;
top:0;
left:0;
bottom:0;
right:0;
width:/*your width in pixels i.e 960px*/;
}


... and if I'm not wrong you should better create a div to wrap all your theme

Quote:




... all your html code





And in style.css
Quote:

#html, body
{
... only general settings (like font size ...)
}
#wrapper
{
margin:0 auto;
width:/*your width in pixels i.e 960px*/;
}



Still learning CSS and... english

4
Dessertinnov
Re: Internet Explorer fix?

I mainly use the div as a habitual thing in most cases but in this case it actually has a background that is to the sides of the site so changing the width of the body through CSS would cause that to err

As for both of your suggestions they only fix the centering of the site, which is displaying properly my real problem is that the banner for ads and such is not in its proper location.

Resized Image

5
Burning
Re: Internet Explorer fix?
  • 2010/10/20 5:49

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


hi'

There is already a fix about banner in www/xoops.css
Quote:

/* fix for swf banner */
#xo-fixbanner a {
display: block;
position: absolute;
z-index: 102;
width: 468px;
height: 60px;
}


Still learning CSS and... english

Login

Who's Online

339 user(s) are online (173 user(s) are browsing Support Forums)


Members: 0


Guests: 339


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits