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 2009
    Posts
    20
    Thanks
    3
    Thanked 0 Times in 0 Posts

    DIV's Align problem

    hello all
    i have problem in 2 DIV's alignment

    i have 3 DIV's
    1 is like main frame centered, holding other 2 (left and right DIV)
    next to each other

    problem is, that Opera align's them proper, while Firefox and Iron do not

    here are pictures (1st Opera, 2nd FF/Iron)

    http://i41.tinypic.com/27zhi4w.png

    http://i39.tinypic.com/rljihh.png

    code follows
    Code:
    * {
    	margin: 0;
    	padding: 0;
    	border: none;
    }
    
    * html, body, .main_frame, .right_frame {
        height: 100%;
    }
    
    .main_frame {
    	min-height: 99%;
    	width: 980px;
    	left: 5px;
    	margin: 0 auto;
    	z-index: 1;
    }
    
    .right_frame {
    	min-height: 90%;
    	margin-top: 10px;
    	margin-left: 250px;
    	padding-left: 15px;
    	padding-right: 15px;
    	height: 600px;
    	z-index: 1;
    }
    
    .left_frame {
               width: 210px;
    	margin-top: 10px;
    	padding-left: 15px;
    	float: left;
    	position: fixed;
    	z-index: 1;
    }
    both left and right DIV have margin-top: 10px property
    so they should be same aligned, to be flat (as Opera renders)

    can anyone explain why this happens ?
    any easy workaround without breaking all 3 browser views ?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    here are pictures (1st Opera, 2nd FF/Iron)
    We can't decode a picture to produce the corresponding html. Please post your complete html (including DOCTYPE ) or a link to your page would be much better.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    May 2009
    Posts
    20
    Thanks
    3
    Thanked 0 Times in 0 Posts
    ok sorry

    heres link http://volja.hr/dmakriev/test/index.html

    you can see the top not aligned in FF/Iron
    theres like ~5px difference in height

  • #4
    New Coder
    Join Date
    May 2010
    Location
    Las Vegas, NV
    Posts
    13
    Thanks
    0
    Thanked 3 Times in 3 Posts
    if you apply overflow: hidden to the main_frame class it will move the boxes to be aligned.

  • Users who have thanked conecode for this post:

    hog_mus_stream (05-13-2010)

  • #5
    New Coder
    Join Date
    May 2009
    Posts
    20
    Thanks
    3
    Thanked 0 Times in 0 Posts
    sweet it work nicely
    thank you so very much !

    that thing bugged me for long time


  •  

    Posting Permissions

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