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 6 of 6
  1. #1
    New Coder
    Join Date
    Feb 2005
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Alignment issue in IE, but not firefox

    In IE it puts my left div in my center container. I have no idea why. I have attached the 2 files if you would like to look it over. Any help would be appreciated. Thanks

    Here is the site if you want to see what I am talking about.

    www.hawtalta.com/indexedit.php
    Attached Files Attached Files

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    No idea...

    To be honest, I haven't got the foggiest; since the main page components are absolutely positioned, I guess the problem lies in the offsets somewhere.
    Have you validated the markup? There are some wild nested list things going on in the menu there, and a missed </ul> might throw a spanner in the works.

    Once you've made sure your page structure is up to par, toy around with the offsets on the menu and midcontainer divs.

    On a different note: in an XHTML 1.0 document there really is no place for center and font elements any more; we've got CSS for that now.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    New Coder
    Join Date
    Feb 2005
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    True. I just started coding again last month. So, I am trying to learn myself. I'll take a look at some of the ul stuff.

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Start simple

    A tip on the side: to simplify matters, it sometimes helps to create a version of the layout with all the unnecessary clutter removed, leaving just the main sections in place, and some dummy content. With this, you can toy around until you get the basic layout working the way you want it; adding back the actual content shouldn't wreck it. If it does, there's something wrong with the content itself; work your way up step by step until you hit the problem spot.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    New Coder
    Join Date
    Feb 2005
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Allright I got it working correctly, but now the right border of my middle content container looks like it is being covered by the right container. This only happens in Firefox. Not IE. If I change the border to 2 px I can see a 1 px line in firefox. Any ideas on how to make it appear in both or stop the overlapping in firefox? Here is the SS code for the 3 columns.

    Code:
    //right column
    #ads{
          position: absolute;
    	  width: 20%;
          top: 2px;
          right: 0px;
    	  font: Arial, Helvetica, sans-serif;
         
        }
    #midcontainer {
                position: absolute;
                top: 2px;
    	    margin-left: 20%;
                margin-right: 20%;
                    width: 60%;
    		border-right: solid 1px #000000;
                    border-left: solid 1px #000000;
    		border-top: solid 1px #000000;    
    }  
    //left column
    
    #menu {
    	/*padding: 20px 0 10px 30px;*/
    	position: absolute;
    	top: 2px;
    	width: 20%;  
            
    }
    Last edited by Hawtalta; 02-15-2005 at 07:01 PM.

  • #6
    New Coder
    Join Date
    Feb 2005
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Anyone? Bueller?

    I am sure there is an easy fix for this, I just can't think of it.


  •  

    Posting Permissions

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