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

Thread: div stacking

  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    div stacking

    how do i get two floating divs to not stack when the window is minimized. i've tried clear: both, min-width on parent and children, etc. please advise:

    .bnr
    {
    height: 75px;
    min-width: 741px;
    position:relative;
    width: 100%;

    }

    .bnrLft
    {
    background-image: url("../images/bnrLft.gif");
    float: left;
    height: 75px;
    width: 590px;
    }

    .bnrRgt
    {
    float: right;
    position:relative;

    }




    <div class="bnr">
    <div class="bnrLft">
    &nbsp;</div>
    <div class="bnrRgt">
    <a href="http://www.michigan.gov" target="blank">
    <img alt="image" src="images/bnrRgt.gif" /></a></div>
    </div>
    Last edited by rayray1; 04-11-2008 at 01:11 PM. Reason: source code

  • #2
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    We're phychic and magically know which order these appear in in your source code (:.
    As useful an ability that would be, the relevant snippet of code or, even better, a live link would be very useful, as we'd have to guess otherwise and we're not good at that!

  • #3
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    take out the position relative!!


  •  

    Posting Permissions

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