IE issue with new layout - Please help.

Oak · #1 Jul 10th, 2008, 21:57

Hi all, it's been a while! I am back needing your expertise once more. I have been working on a new layout with my all limited skills, I don's think there are any major probs just some fine tweaking and a few hacks!?.

It views how I want it to in FF 3.

Please note, just the index page is what I am asking for help with, the rest of the site is still in the old layout.

IE 7 issues
- HTML line 63, CSS line217. Rollover images are offset in IE 7.
- HTML line 63. CSS line 316. #bottom div is offset in IE 7.
- HTML line 35-45, CSS line 288- 302. Images are offset on both side columns in IE 7.

http://www.capoeiracanal.co.uk/test2-bad.html

Many thanks

moojoo · #2 Jul 11th, 2008, 01:34

You probably want an IE COnditional to style IE 7 specifically.

Oak · #3 Jul 11th, 2008, 14:53

Quote:

Originally Posted by moojoo

You probably want an IE COnditional to style IE 7 specifically.

So do I drop this code in the head of the page and then create ie7.css with IE7 specific styles?

welshstew · #4 Jul 11th, 2008, 15:30

you need to add position:relative to the "bottom" div container for the images.

At present they are absolutly positioned, but if you add the above, they will be absolutly positioned to the relative postion of the bottom div.

does that make sense?

you won't need to add this to a browser specific stylesheet. I will look at the others in a bit.

welshstew · #5 Jul 11th, 2008, 15:38

I would also add padding:10px; to the "centercol" to bring the content off the left hand side a bit

Oak · #6 Jul 11th, 2008, 16:04

Quote:

you need to add position:relative to the "bottom" div container for the images.

At present they are absolutly positioned, but if you add the above, they will be absolutly positioned to the relative postion of the bottom div.

does that make sense?

you won't need to add this to a browser specific stylesheet. I will look at the others in a bit.

Yes that makes sense.

Looks better now, but the main content border line is still hidden.

Quote:

I would also add padding:10px; to the "centercol" to bring the content off the left hand side a bit

Oh yeah.. cheers!

Oak · #7 Jul 14th, 2008, 13:04

hmm ... its' still not looking good.

Anyone?

Aso · #8 Jul 15th, 2008, 12:53

Errm, have you sorted it Jacob? It's looking good in IE7 for me

Oak · #9 Jul 16th, 2008, 06:21

Quote:

Originally Posted by Aso

Errm, have you sorted it Jacob? It's looking good in IE7 for me

Hi Alex!

Well I have cleaned up the the column styles and yes it looks ok now, though I was told this page was breaking up in IE6?

Thanks

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Major layout issue	thewebkid	Web Page Design	23	Dec 22nd, 2007 04:31
CSS Layout issue between IE and Firefox	macu	Web Page Design	2	Aug 22nd, 2007 14:14
Question about layout/IE7 issue	bluetech	Web Page Design	3	Jul 3rd, 2007 16:37
Help with a layout issue	Kirryn	Web Page Design	9	Jun 21st, 2007 18:27
Homepage layout issue	webwiz2000	Web Page Design	2	Feb 28th, 2006 18:49

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
IE issue with new layout - Please help.

The Following User Says Thank You to welshstew For This Useful Post:
Oak