SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast kermit's Avatar
    Join Date
    Dec 2002
    Location
    St. Gallen Switzerland
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    1st css only page. some problems. please have a look

    hello,

    this is my first page where i used css for the layout.

    www.digitalsushi.ch/sct-css/

    i do have some problems with it.
    it look ok on safari and ie pc.
    but in ie mac it looks shocking. i can't figure out what went wrong.
    another thing is, that i am not sure how to structure the html so it's right.
    could someone please have a look at it and tell me if i am doing some things ok or not?

    thanks a lot and cheers from
    switzerland
    kermit
    I propose that the following
    character sequence for joke markers:
    :-)
    19-Sep-82 11:44 Scott E Fahlman

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    IEmac doesn't like floats without widths and defaults to 100% wide and drops to a new line.

    Therefore give your #addresse a suitable width.
    Code:
    #adresse {
    margin-left: 40px;
    margin-top: 20px;
    float: left;
    text-align: left;
    width: 200px;
    }
    That should get it back on track

    Paul

  3. #3
    SitePoint Enthusiast kermit's Avatar
    Join Date
    Dec 2002
    Location
    St. Gallen Switzerland
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hi paul,

    thanks! i tryed something similar and it worked. the only problem i have left now is, that the div cleanfixbild is 16px to far to the left on pc/ie.
    it's all the same on all other browser i was testing the layout on.

    thanks
    pat
    I propose that the following
    character sequence for joke markers:
    :-)
    19-Sep-82 11:44 Scott E Fahlman

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You are suffereing from ie's double margin bug on your teaserbild element. This is how you fix it.
    Code:
    #teaserbild{
    margin-top: 20px;
    margin-left: 16px;
    float: left;
    text-align: left;
    width: 249px;
    display:inline;/*ie  double margin fix*/
    }
    
    #cleanfixbild{
    clear:both;
    margin-left: 565px;
    padding-top:   10px;
    width: 103px;
    }
    * html #cleanfixbild{/* not needed now*/}
    Paul

  5. #5
    SitePoint Enthusiast kermit's Avatar
    Join Date
    Dec 2002
    Location
    St. Gallen Switzerland
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    great thanks.

    could you please tell me if this is the way you would build the site?
    cause i am not sure if it's the rigth way to go.

    cheers
    pat
    I propose that the following
    character sequence for joke markers:
    :-)
    19-Sep-82 11:44 Scott E Fahlman


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
  •