IE and FF problems

Discussion in 'CSS' started by OsiriX, May 30, 2006.

  1. #1
    Hello
    I was trying to code my portfolio but i've got a lot of problems.
    Here is my site: http://thospatiadesigns.com/osirix/index.htm
    In FF it looks good but only 1 fault, it wont show an image under the header(head4.jpg called).
    In IE it looks terrible.
    Here is the code of the css file: http://thospatiadesigns.com/osirix/style.css
    Here is a preview like it must be: http://thospatiadesigns.com/osirix/design2-leeg2.jpg
    I hope there is someone on this forum who can help me with finding the bugs.
    If it's possible, i want it without hacks.

    Grtz OsiriX
     
    OsiriX, May 30, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Let's get things right, first. Lose every div tag except #wrapper. A div element has no meaning. It is there only for structure, aggregating, or grouping other elements[1]. Put some content in there and mark it up for what it actually is. If you don't have content (in which case, what the hell are you designing?), substitute some "lorem ipsum" text.

    #header4 does have a bg image, it's just hidden under the floats.

    cheers,

    gary

    [1] As opposed to span which is for segregating bits of inline stuff. It, too, has no semantic value, just structural.
     
    kk5st, May 30, 2006 IP
  3. OsiriX

    OsiriX Active Member

    Messages:
    1,152
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    80
    #3
    Hey
    I've recoded my template and it's great in FF.
    How can I fix it in IE? Is it possible without hacks?
    http://thospatiadesigns.com/osirix/index.htm
    http://thospatiadesigns.com/osirix/style.css

    Grtz
     
    OsiriX, Jun 1, 2006 IP