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
    New to the CF scene
    Join Date
    May 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy CSS styling problem in FireFox

    Hi - I have a dotnetnuke site that I have been asked to style.

    this is the page I'm having a problem with (its just a test site for now.)

    http://test.emotortrader.com/Vehicle...9/Default.aspx

    The dnn module on the right, that shows the car makes on the right appears fine in IE6 and IE7, but in firefox te module content appears below the module on the left.

    I've spent a while trying to get it to move but nothing seems to work. Can anyone help out on this. Usually I'm trying to get stuff to work in IE that firefox handles fine

    Rich.

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    In a fixed width 2-column layout like this one, I would be using two floated fixed-width columns. You currently have a non-floated right column.

    Basically, what I mean, do something like this for your right column:
    Code:
    .contentPane {
        /* margin: 0px 0 0 352px; */
        width: 426px;
        background: transparent;
        float:left;
    }
    I didn't look at why Firefox was pushing down contents compared to IE, but this thing happens when you have a cleared float followed by a float in the opposite direction. The second float goes beneath the first one in Firefox. You will avoid this if you use the above method.

  • #3
    New to the CF scene
    Join Date
    May 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    fantastic - worked a treat. Still trying to get my head round css styling


  •  

    Posting Permissions

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