Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with CSS on Opera and IE7.

    Hey people,

    I got some problems on Opera and IE7 with my website, as everything is everywhere on those browsers, my site is [/url]manganation.se.nu[/url] on swedish, but just look at the design in Opera and IE7.

    My CSS is:
    Code:
     
    .stil1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 24px;
    }
    .stil2 {
        font-size: 22px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .stil3 {
        font-size: 22px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .stil5 {font-size: 10px}
    .stil7 {font-size: 11px}
    a:link {
        color: #8EB3EF;
        text-decoration: none;
    }
    a:visited {
        text-decoration: none;
        color: #8EB3EF;
    }
    a:hover {
        text-decoration: none;
            color: #f7cf15;
    }
    a:active {
        text-decoration: none;
    }
    .stil8 {
        font-family: Verdana, Arial, Helvetica, sans-serif
    }
    .stil9 {
        font-size: 22px
    }
    .stil10 {
             font-size: 14px
    }
    
     
    body
    { 
    background-image: url(images/paper2.png);
    margin-top:0px;
    margin-left:0px;
    }
    
    .bildram2 {
    padding: 5px;
    border: 1px solid #c0c0c0;
    }
     
    #Div1 {
    position:absolute;
    background-color:#FFFFFF;
    top:192px;
    left:282px;
    width:506px;
    padding:5px;
    border:#000000 1px solid; 
    }
     
    #Navigation {
    position:absolute;
    background-color: #FFFFFF;
    top:192px;
    left:125px;
    padding:2px;
    border:#000000 1px solid;
    }
     
    #Utbytet {
        position:absolute;
        top:0px;
        left:810px;
        padding:0px;
    }
     
    #Copyright {
    position:absolute;
    background-color: transparent;
    top:600px;
    padding:2px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    left: 0px;
    }
    
    #Nyhet {
    text-align:justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding:3px;
    margin-top:3px;
    margin-bottom:5px;
    border-top:1px solid #D3D3D3;
    }
    I do indeed got a "layout image" made in photoshop, but it's mostly the brushes and the header.
    Now i wonder why these browser won't show it right ? As everything is accurate according to W3.

    Fast reply REALLY REALLY appreciated.

    Thank you.
    /Kromgol

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    How do you expect it to be cross-browser without a Doctype?

    This is what I get with an xhtml frameset Doctype.

    Frank
    Last edited by effpeetee; 07-21-2008 at 08:17 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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