SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member alisk8's Avatar
    Join Date
    Apr 2004
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy IE trouble and container bg repeat?

    I just finished coding a new layout but it seems to collaspe in IE even though it displays perfectly in firefox and netscape. The link to the layout is:
    http://www.sinthug.com/enphuse/cssstyle/site.htm

    and the link to the style sheet is:
    http://www.sinthug.com/enphuse/cssstyle/brown.css

    Also I can't seem to get my "#main" div's bg to repeat, on this layout:
    http://www.sinthug.com/test/site.php

    and the link to the style sheet is:
    http://www.sinthug.com/test/sylea.css

    Anyone have a idea on how to fix one of these problems?

    Thanks

  2. #2
    SitePoint Member alisk8's Avatar
    Join Date
    Apr 2004
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I got the background to repeat in the 2nd layout by taking out
    Code:
    position: absolute;
    in "#maincontent" but that created some spacing issues in IE . And I still have no idea on how to fix the spacing issue in ie for the first layout. Anyone have a idea on how to fix these spacing issues in IE?

    Thanks

    edit: fixed the bg repeat on the 2nd layout but still not sure on what to do for first layout=/
    Last edited by alisk8; Dec 31, 2004 at 21:28.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    edit: fixed the bg repeat on the 2nd layout but still not sure on what to do for first layout
    The first link isn't working anymore so I assume you have solved this problem also

    When you use position absolute then you need to supply dimensions because the element will only default to content width and height so any background repeating images will only repeat where there is content unless dimensions are supplied.

    If I remember correctly ther problem with your first layout was due to you not specifying left:0 on some absolute elements and therefore IE was starting in the centre due to a text-align:center on a parent affecting positioning. With absolute elements you should specify their left position as browsers may vary as to where they place it. You can leave the top position off if you want the element to start at its position in the flow.

    Paul


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
  •