Some IE 7 CSS advice needed
Permalink
Hi,
Site I am building is here:
http://wokingham.webhosting.uk.com/~acumenco/...
I built the theme and the site is pretty much ready to hand over to the client but I am having a nightmare with IE 7.
I've attached a couple of screengrabs - one is Firefox which is how it should look and the other is IE7.
I have separate stylesheets set up for different versions of ie and had started adding to the IE7 one to try and fix but it is SO broken I wondered if anyone knew where I should start?
Thanks
Allison
Site I am building is here:
http://wokingham.webhosting.uk.com/~acumenco/...
I built the theme and the site is pretty much ready to hand over to the client but I am having a nightmare with IE 7.
I've attached a couple of screengrabs - one is Firefox which is how it should look and the other is IE7.
I have separate stylesheets set up for different versions of ie and had started adding to the IE7 one to try and fix but it is SO broken I wondered if anyone knew where I should start?
Thanks
Allison
did you ever figure this out?
I did get this error:
I don't think it's related to the layout though (Cufon's a font-replacement tool, correct?).
My first guesses are it's a floating issue or it's a missing close tag.
I checked and I didn't find any tags left unclosed.
I've looked over it some, and I'd say it has something to do with the weird placement of the image with the ladybug (the div.billboard-img to be exact). I've never trusted negative margins and I would guess it may have something to do with that.
The whole billboard div seems... odd. That's where I would start, I guess. Sorry I wasn't much help.
Cufon is not defined scripts.js (line 1) Cufon.replace("h1, h2, h4", { fontFamily: 'Anivers' });
I don't think it's related to the layout though (Cufon's a font-replacement tool, correct?).
My first guesses are it's a floating issue or it's a missing close tag.
I checked and I didn't find any tags left unclosed.
I've looked over it some, and I'd say it has something to do with the weird placement of the image with the ladybug (the div.billboard-img to be exact). I've never trusted negative margins and I would guess it may have something to do with that.
The whole billboard div seems... odd. That's where I would start, I guess. Sorry I wasn't much help.
I think it may be an EXTRA closing div. Which would explain why it might work in one browser and not another.
Argh. I don't know. I copied the source from viewing the page and without removing anything except your comments, I rearranged the code and adding my comments to closing divs and I didn't find anything out of place. (see attached)
If I were coding this, I would just put everything in one of two columns. The whole page is two columns.
If I were coding this, I would just put everything in one of two columns. The whole page is two columns.
Hi, thanks for looking. I'm trying to hammer this one out today. I built it as plain HTML/CSS before I made the template and did all the browser fixes then, but since I put it into C5 it's gone fubar in ie7!
Worried it must be something in the C5 core maybe.
There was cufon there but I removed it cos it wouldn't play nice with C5 for me. I must have left the js call somewhere. I will look through and remove for neatness anyway.
I'll post back when I find a solution.
Thanks
A
Worried it must be something in the C5 core maybe.
There was cufon there but I removed it cos it wouldn't play nice with C5 for me. I must have left the js call somewhere. I will look through and remove for neatness anyway.
I'll post back when I find a solution.
Thanks
A
I suspect it's something to do with 'has layout' - where ie7 likes all elements to have a defined width or height.
It's gonna be a long day...!
:)
It's gonna be a long day...!
:)
Volkner - you were right mate. The logo img needed a float:left! Still more fiddling to do but it's looking much better than it was.
Thanks again for having a look. The billboard is odd - there was a lot of javascript running an image/text slider in the original layout.
I ended up stripping that out and using C5's slideshow instead, but there were some divs that needed removing as well because they were just used in the old javascript that I removed.
Sometimes it's more work removing stuff than building it in the first place! LOL!
Cheers
Al
Thanks again for having a look. The billboard is odd - there was a lot of javascript running an image/text slider in the original layout.
I ended up stripping that out and using C5's slideshow instead, but there were some divs that needed removing as well because they were just used in the old javascript that I removed.
Sometimes it's more work removing stuff than building it in the first place! LOL!
Cheers
Al
Glad you were able to move forward. Nobody likes IE.
