SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict Jakob's Avatar
    Join Date
    Aug 2002
    Location
    Denmark
    Posts
    270
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Is this layout cross browser/OS friendly?

    Thanks to a lot of help from friendly Sitepointers I'm almost ready to launch my first full blown css website:

    http://www.kajakzonen.dk/forside.html

    I would just like to know if it behaves well in different browsers and OS's. I would love to hear your comments :-)

    This is how it it should look (I'm on Win XP IE6):

    http://www.kajakzonen.dk/winxp-ie6.gif

    Thanks

    This is my style sheet:

    * {margin:0;padding:0}
    body {
    background: #333333;
    margin:0 0 10px 10px;
    font-size: 0.7em;
    line-height: 1.7;
    color: #333;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: center;
    }
    #outer {
    margin-left: auto;
    width: 888px;
    margin-right: auto;
    text-align: left;
    }
    #logobox {
    background: #ffffff;
    width: 728px;
    height: 34px;
    }
    #logobox .strapline {
    font: bold 11px verdana, arial, helvetica, sans-serif;
    float: right;
    margin-right: 34px;
    margin-top: 10px;
    }
    #logobox .logo {
    float: left;
    margin-left: 1.5em;
    margin-top: 10px;
    }
    .strapline a:link, .strapline a:visited {
    text-decoration: none;
    color: #000000;
    background-color: #FFE89A;
    }
    .strapline a:hover, .strapline a:active {
    background-color: #FF9353;
    color: #000000;
    }
    #banner {
    background: url(http://www.kajakzonen.dk/images/top-banner.gif);
    width: 728px;
    height: 90px;
    }
    #nav {
    border-top:1px solid #333 ;
    background: url(http://www.kajakzonen.dk/images/top-links.gif) no-repeat left center;
    width: 728px;
    height: 48px;
    }
    #nav ul {
    padding-left: 44px;
    padding-top: 14px;
    list-style-type: none
    }
    #nav li {
    display: inline
    }
    #nav li.last a{border-right:none;
    }
    #nav a {
    border-right:1px solid #fff;
    padding:0 10px 0;
    font-size: 11px;
    color: #fff;
    text-decoration: none
    }
    #nav a:hover {
    color: #FBCDB2
    }
    #content {
    background: #fff;
    float: left;
    width: 728px;
    }
    #left {
    float: left;
    width: 220px;
    background: #fff;
    }
    .left-inner {
    border: #D7D7D7 1px solid;
    background: url(images/tabletop.gif) no-repeat #fff;
    padding-bottom: 10px;
    }
    .left-outer {
    padding: 5px;
    background: #f2f2f2;
    margin: 10px;
    width: 190px;
    }
    * html .left-outer {
    width: 200px;
    w\idth:190px
    }
    .left-outer p,#centre p {
    padding: 5px;
    margin:0 0 1em 0;
    }
    #centre {
    float: right;
    width: 508px;
    }
    #centre-inner {
    padding:0 5px 10px 10px;
    }
    #centre-inner a {
    color: #437AA2;
    text-decoration: underline
    }
    #centre-inner a:hover {
    color: #12496E
    }
    #right {
    left: 0px;
    float: right;
    width: 160px;
    margin-right: -159px;
    position: relative;
    left:1px;
    margin-top: -34px;
    }
    .clearer {
    clear: both;
    margin-top: -1px;
    overflow: hidden;
    height: 1px
    }
    #footer {
    background: #e43100 url(images/bund.gif) no-repeat left center;
    width: 728px;
    color: #fff;
    height: 39px;
    clear:both
    }
    #footer ul {
    padding-left: 38px;
    padding-top: 8px;
    list-style-type: none
    }
    #footer li {
    display: inline
    }
    #footer li.last a{border-right:none;
    }
    #footer a {
    border-right:1px solid #fff;
    padding:0 10px 0;
    font-size: 11px;
    color: #fff;
    text-decoration: none
    }
    #footer a:hover {
    color: #FBCDB2
    }
    h1 {
    font: 200% Georgia, "Times New Roman", Times, serif;
    color: #595959;
    }
    h3 {
    font: bold 12px verdana, arial, helvetica, sans-serif;
    color: #595959;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
    hr {
    border: dotted;
    background-color: #AAAAAA;
    color: #AAAAAA;
    height: 1px;
    width: 100%;
    }
    ul.list1{
    list-style-image: url(images/pil.gif);
    padding-left: 3em;
    padding-top: 2px;
    line-height: 1.9;
    }
    .list1 a:link, .list1 a:visited {
    font: 11px verdana, arial, helvetica, sans-serif;
    color: #336699;
    text-decoration: none;
    }
    .list1 a:hover, .list1 a:active {
    color: #000000;
    background-color: #F3F3F3;
    }
    Learn more about Solar Panel Installation

  2. #2
    SitePoint Enthusiast Gridlight's Avatar
    Join Date
    Apr 2005
    Location
    Oxford, UK
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have a look at this.

    http://www.browsercam.com/public.aspx?proj_id=169686

    I won't keep it for long, however.
    Cheers,
    Gridlight

    BrowserCam for 30?! I'm in, are you?

  3. #3
    Bad Ass Mother F#$%^& Devious's Avatar
    Join Date
    Feb 2005
    Location
    New Orleans LA (504) 812-8971
    Posts
    539
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Gridlight
    Have a look at this.

    http://www.browsercam.com/public.aspx?proj_id=169686

    I won't keep it for long, however.
    on my firefox, the "FREE 24 HOUR EVALUATION" table breaks th right border.
    Logo Design & Identity Branding Consultant.

  4. #4
    SitePoint Addict Jakob's Avatar
    Join Date
    Aug 2002
    Location
    Denmark
    Posts
    270
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Gridlight - I'll have a look right away.

    Thyrium you're commenting on Gridlights link :-)
    Learn more about Solar Panel Installation

  5. #5
    Bad Ass Mother F#$%^& Devious's Avatar
    Join Date
    Feb 2005
    Location
    New Orleans LA (504) 812-8971
    Posts
    539
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Jakob
    Thanks Gridlight - I'll have a look right away.

    Thyrium you're commenting on Gridlights link :-)
    i quoted him
    Logo Design & Identity Branding Consultant.

  6. #6
    SitePoint Addict Jakob's Avatar
    Join Date
    Aug 2002
    Location
    Denmark
    Posts
    270
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow Gridlight - Browsercam is a really cool service.
    Learn more about Solar Panel Installation

  7. #7
    SitePoint Addict Jakob's Avatar
    Join Date
    Aug 2002
    Location
    Denmark
    Posts
    270
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Thyrium
    i quoted him
    Ahh - yes you did. Sorry ;-)
    Learn more about Solar Panel Installation

  8. #8
    SitePoint Enthusiast Gridlight's Avatar
    Join Date
    Apr 2005
    Location
    Oxford, UK
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Thyrium
    on my firefox, the "FREE 24 HOUR EVALUATION" table breaks th right border.
    How odd. It doesn't on my Firebox, even making the text bigger, the box just expands.
    Not that there's any point in discussing it, coz I'm only a member, and can't fix their site

    Wow Gridlight - Browsercam is a really cool service.
    Sure is. The remote access kick a$$! Check the thread in my sig.
    Cheers,
    Gridlight

    BrowserCam for 30?! I'm in, are you?

  9. #9
    SitePoint Addict Jakob's Avatar
    Join Date
    Aug 2002
    Location
    Denmark
    Posts
    270
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Gridlight
    How odd. It doesn't on my Firebox, even making the text bigger, the box just expands.
    Not that there's any point in discussing it, coz I'm only a member, and can't fix their site



    Sure is. The remote access kick a$$! Check the thread in my sig.
    I did check your sig and I'm trying to get in :-)
    Learn more about Solar Panel Installation

  10. #10
    SitePoint Enthusiast Gridlight's Avatar
    Join Date
    Apr 2005
    Location
    Oxford, UK
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cool, hope you can get on board
    Cheers,
    Gridlight

    BrowserCam for 30?! I'm in, are you?


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
  •