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 4 of 4
  1. #1
    New Coder
    Join Date
    Jan 2005
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS alignment/cross browser issues

    Hi all,

    http://www.kdok.com/indextest.html

    Working on a redo of this site. I decided on a 3 column from bluerobot.com - I made a few changes in some to the values and began viewing in other browsers.

    If you look at the page linked above in Firefox - all three columns are aligned horizontally (across the top) but in Opera 7.23 and IE6 the middle column dips about 20 px or so. I reverted back to the original bluerobot code and it still did it so it may have something to do with the #header - that part I did on my own - simply adding the br layout below it.

    I can't figure out why...if anyone knows the solution I sure would appreciate it if you could explain it to me.

    Thanks
    Dodge

  • #2
    Senior Coder
    Join Date
    Jul 2004
    Location
    New Zealand
    Posts
    1,315
    Thanks
    0
    Thanked 2 Times in 2 Posts
    It is the content above the columns that's pushing everything down. Put teh columns into a position:relative container, or specify a height for the content above the columns.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    try using these files

  • #4
    New Coder
    Join Date
    Jan 2005
    Posts
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thanks!

    Thanks for the reply hemebond!


    _Aerospace_Eng_

    Very nice! The columns line up perfectly now. Could you explain exactly what you did and why it works like that? I would like to learn, please.

    Looks like you removed the absolute positioning from the flanking columns for one thing. Was this due to a problem with the #header? I ask that because bluerobot had the columns positioned using "absolute" and seemed to work for them.

    Thanks
    Dodge


  •  

    Posting Permissions

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