PDA

View Full Version : Problems with CSS in IE



tomraffe
Apr 1st, 2007, 10:58 AM
I'm having problems with my site displaying correctly in IE, whereas in Firefox it displays fine. In Firefox the content displays over the background as it should, in IE it appears after.
Take a look at http://www.brighthost.co.uk/
My CSS file is at http://www.brighthost.co.uk/style1.css

BonRouge
Apr 1st, 2007, 12:10 PM
Is there any reason you're not using the 'background-image' property of CSS?

Excavator
Apr 1st, 2007, 05:01 PM
Hello tomraffe,
Found this in the CSS for your body tag...
Where did you get this? Do you know what it's supposed to be doing?


border-top:1px transparent solid;
margin-top:-1px;
Is this a fix for collapsing margins???

It looks like your trying to make a 100% background that resizes with the browser window. This is a new approach I have not seen and it doesn't seem to be working.
Odd how questions in these forums seem to go in patterns because the last question I replied to had a site with a 100% background.

Check my solution for this. (http://www.nopeople.com/CSS/background_image_resize/)


-When I googled "spiffy" (because I'd never seen that before) all I found was a rounded corner tut. If that's what this is supposed to be, your corners aren't working either.

Check the link about tables in my sig.

tomraffe
Apr 2nd, 2007, 10:33 AM
I got the background resize and also the table corner CSS from tutorials on Google, obviously wasnt the best thing to do. I'll try your solution instead. I'm new to CSS and in the process of learning, whats the best way for rounded corners then? I'm rather against using any image file to create the corners myself. Thanks for your help.

tomraffe
Apr 2nd, 2007, 04:14 PM
I've tried your method.

http://www.brighthost.co.uk
New CSS (http://www.brighthost.co.uk/style2.css)

The only bit I kept from the old CSS was the content tag and spiffy. It still has the same problems. Have I done something wrong?

Excavator
Apr 2nd, 2007, 05:22 PM
Goodmorning tomraffe,
Your image is resizing just the way it's supposed to once I removed all the content so the background is working, it's the tables that are messing up.

Have you considered re-writing your webpage? I can't help you with tables.

tomraffe
Apr 3rd, 2007, 12:00 PM
If I rewrote it I would write it exactly the same way, I dont know any other way! Is it the CSS positioning of the content thats wrong? Its obviously fine in FF, just not IE. Any ideas on how to solve this anyone?

BonRouge
Apr 3rd, 2007, 01:47 PM
Use a background image.

tomraffe
Apr 3rd, 2007, 04:39 PM
I need it to resize with the browser window though.