Results 1 to 7 of 7

 

Thread: CSS Problems in IE

  1. #1
    Registered User

    Status
    Offline
    Join Date
    Feb 2006
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts


    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/style2.css

  2. #2
    Registered User

    Status
    Offline
    Join Date
    Jan 2006
    Location
    Sudbury UK
    Posts
    271
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi,

    In your html page try removing the background image '<img src="bg.jpg" alt="big pic" id="background_image" />' and in the body section of your css file add the following:

    background: url(bg.jpg);

    You should then be able to remove the #background_image section.

    HTH

    Jason

  3. #3
    Registered User

    Status
    Offline
    Join Date
    Feb 2006
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Trouble is I the point of

    Code:
    #background_image {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	height: 100%;
    	width: 100%;
    	z-index: 1;
    }
    Is to ensure that the background image is always 100% of the browser window, a feature which is not provided through

    Code:
    background: url(bg.jpg);
    But IE seems not to like the 100% background.

  4. #4
    more focused this year...

    Status
    Offline
    Join Date
    Nov 2005
    Location
    India
    Posts
    640
    Thanks
    42
    Thanked 15 Times in 15 Posts
    As per my observation goes, i think you want to keep it as the background image for your html pages. I think for that you need to select the "Page properties" and then select the "background image" from the selection. See if it works.
    "Falling down is not Defeat....Defeat is when you refuse to get up."

  5. #5
    Registered User

    Status
    Offline
    Join Date
    Feb 2006
    Posts
    118
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Again, that wont resize the bg image to 100%.

  6. #6
    Registered User

    Status
    Offline
    Join Date
    Apr 2007
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Just at quick glance i noticed your defining the CSS style in the external stylesheet the way you would in a html document.



    You don't need to do this in a external stylesheet.



    Code:
    <style type="text/css">
    
    </style>


    Take these tags out the stylesheet mate, the external stylesheet link is calling the css so you don't need to identify it anymore and you shouldn't use html tags in css.



    Also, you have xhtml Strict doctype which might cause some problems with your html since your html is no where near to the standards of XHTML Strict.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    Also, try putting the background image in the body

    Code:
    body 
    {
    	height: 100%;
    	width: 100%;
          background-image:url(path/to/image);
          margin: 0;
          padding: 0;
    }
    Take out the others.

    Your code is very messy and using alot of tags and such you don't need.

    I could code your site into valid xhtml and optimize you code greatly.

    If you want to contact me just pm on forum.

    I hope i can help

    Ricky Green.
    www.imodecreative.com

  7. #7
    more focused this year...

    Status
    Offline
    Join Date
    Nov 2005
    Location
    India
    Posts
    640
    Thanks
    42
    Thanked 15 Times in 15 Posts
    i hope this may help you with what you want.

    http://www.developingwebs.net/css/AP.php
    "Falling down is not Defeat....Defeat is when you refuse to get up."



Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Questions on CSS page layouts
    By accelerator in forum Programming
    Replies: 4
    Last Post: 14-11-06, 02:34 PM
  2. IE7 - CSS Problems - Check your site!
    By kevquinlan in forum Programming
    Replies: 5
    Last Post: 10-11-06, 11:27 PM
  3. CSS new starter
    By renamecor in forum Programming
    Replies: 15
    Last Post: 11-09-06, 10:35 PM
  4. More tracking problems
    By JF in forum Commission Junction
    Replies: 5
    Last Post: 01-08-02, 08:53 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
To Top

Content Relevant URLs by vBSEO 3.5.0 RC2