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 3 of 3
  1. #1
    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

    Exclamation Weird effect with FFox 2. Resolved.

    Links3 div I removed clear:both from the Div.



    http://www.exitfegs.co.uk/Sources.html

    Page OK IE7 but fails with FFox. I am updating this page by adding a third column,"Content3"

    It works fine on IE7 but the middle column (Content3) is messed up. I have tried all the (to me) obvious things, but to no avail.

    Help will be appreciated.

    Frank
    Last edited by effpeetee; 12-30-2007 at 02:20 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,668
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Good morning Frank,
    It's got a lot of leftover stuff in the CSS. Once you get rid of the extra, it behaves a little differently...
    Try this:
    Code:
    body {
    width: 100%;
        background-color: #551100;
      font: 900 10px/1.4 "Lucida Sans", Verdana, Arial, sans-serif;
      font-size: 8.5px;
      font-weight: 900;
    }
    * {
      margin: 0;
      padding: 0;
    
    }
    #header h2 {
      color: #ffffff;
      width: 100%;
      background-color: #551100;
      text-align: center;
      padding: 6px;
    }
    #content1 {
      width: 32%;
      float: left;
      background-color: #551100;
      margin-bottom: 2px;
      text-align: left;
    }
    #content2 {
      width: 32%;
      float: right;
      background-color: #551100;
      margin-bottom: 2px;
      text-align: left;
    }
    
    #content3 {
      width: 32%;  
      background-color: #551100;
    margin: 0 32%;
      text-align: left;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    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
    Excavator.

    Since I put the css into the program, the header print is too small in FFox. and the print was dark blue. I restored the links divs to cure the print colour, but the small header print remains.

    Any suggestions?
    Frank
    Last edited by effpeetee; 12-30-2007 at 07:45 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
    •