[daveb]

Morning all,

Could anyone help me pinpoint this issue I'm having with my forum.. The complaint is that it's not working correctly with I.E. 7.. so nothing so shocking there but I'm having a hard time discovering what exactly is causing the issue.

Basically along the top the page is a log in area, in I.E, the Login button disappears, after the page finishes loading completely. Wish there was a firebug for I.E7 so I could easily tinker with the css until the problem is found.

The site is http://www.bocn.co.uk - any pointers appreciated.. Currently it fails validation but for trivial matters, missing alt tags so I doubt thats of significance..

Thanks peeps,

[mteam]

Works ok here IE7 & 8

[daveb]

Hmmm you can see the Login button ok then? maybe its a width issue, i'm testing at 1024x and below

[daveb]

I've attached an image to show what I'm seeing, I also stripped away most the code from the forum just to narrow down so I can get to the issue without the rest of the code on the board present.

You can easily see my issue, I think it's something to do with the floats..

Attached File(s)

•  Screen shot 2011-02-05 at 14.05.57.jpeg (202.56K)
  Number of downloads: 8

[pat24]

daveb, on 05 February 2011 - 02:07 PM, said:

I've attached an image to show what I'm seeing, I also stripped away most the code from the forum just to narrow down so I can get to the issue without the rest of the code on the board present.

You can easily see my issue, I think it's something to do with the floats..

Seems to be a width issue, If the width is reduced to 76% everything fits ok

if you use a conditional statement for ie7 with the following css

#topBar {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:#000000;background-image:none;background-position:0 0;background-repeat:repeat;color:#A1A09A;font-size:12px;height:38px;line-height:38px;padding-bottom:0;padding-left:8px;padding-right:8px;padding-top:0;position:relative;width:76%;

This post has been edited by pat24: 05 February 2011 - 02:17 PM

[daveb]

Yeah it totally collapse the login area. I need to stay inline.. Just been playing with firebug lite in I.E., but unlike the full version it doesnt seem to reflect changes you make to the css, its a read only tool by the look of it.

[daveb]

Thanks Pat but that seems to force it to collapse, I need it to stay in a single line, and when the page width reduces the login area should just move to the left - I don't mind it overwriting the welcome message, thats what I would expect to happen.

pat24, on 05 February 2011 - 02:13 PM, said:

Seems to be a width issue, If the width is reduced to 76% everything fits ok

if you use a conditional statement for ie7 with the following css

#topBar {-moz-background-clip:border;-moz-background-origin:padding;-moz-background-size:auto auto;background-attachment:scroll;background-color:#000000;background-image:none;background-position:0 0;background-repeat:repeat;color:#A1A09A;font-size:12px;height:38px;line-height:38px;padding-bottom:0;padding-left:8px;padding-right:8px;padding-top:0;position:relative;width:76%;

[mteam]

In your ie only stylesheet(vbulletin-chrome-ie.css) on the .toplinks selecter remove position:realtive and add a width

.toplinks{z-index:203;width:710px;}

I think that should work

This post has been edited by mteam: 05 February 2011 - 03:26 PM

[daveb]

Fantastic, really appreciate your help there, that worked.