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 5 of 5
  1. #1
    New Coder
    Join Date
    May 2006
    Posts
    92
    Thanks
    1
    Thanked 0 Times in 0 Posts

    CSS Issue - div layout different in ie/Firefox

    Hey all, learning css, and I'm trying to make a 3 column layout, and when I start entering my middle content (the news heading) the content shifts down aligning with the bottom of the divs in the left and right columns - why is this?? I dont want the middle column to slip down once content is added. This only looks odd in ie, in firefox it sits firmly at the top as it should.

    What do I need to do?

    http://www.at-racing.co.uk/support/indexcss2.asp

    Cheers

  • #2
    New Coder
    Join Date
    Nov 2004
    Location
    wisconsin
    Posts
    50
    Thanks
    0
    Thanked 0 Times in 0 Posts
    well with ie7 and firefox 1.5.0.4 they look almost identicle. but thats ie7. im not sure about 6.
    Can you commentate bowling?

  • #3
    New Coder
    Join Date
    May 2006
    Posts
    92
    Thanks
    1
    Thanked 0 Times in 0 Posts
    no - not refering to ie7 as its not going to be a standard for sometime yet... ie6 = the problem.

  • #4
    Senior Coder
    Join Date
    Feb 2006
    Location
    USA
    Posts
    1,013
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Try removing the width from the <h1>.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
    Java != JavaScript && JScript != JavaScript
    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

  • #5
    New Coder
    Join Date
    May 2006
    Posts
    92
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks Kravitz, that worked... but its still got a small white gap on the side columns - thats not ther ein firefox - any ideas?

    On a slightly different note but keeping with css, how would I create a div with text, but include another div inside with the words 'read more...' sitting in the bottom right and that doesn't get affected by the length of the text in the main div?

    Cheers
    Last edited by dommy; 06-17-2006 at 12:52 PM.


  •  

    Posting Permissions

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