Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Apr 2006
    Posts
    13
    Member #
    13019
    I want to make a set of divs be arranged like this:
    http://img.photobucket.com/albums/v6...ng/divhelp.jpg

    But I don't want to use exact pixle positioning. I've tried it using css float properties, and while I managed to get the layers on the right to align well, I couldn't get the layers in the bottom work correctly in both explorer and firefox; while they appeared on the bottom in explorer, firefox for some reason puts them on top!
    I can post the html and css I used if you wish, but for a start I'd prefer to see what your first approach would be... I am NOT very skilled with div layouts, this is actually my first attempt to leave tables, heh!

    Thanks!

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    I'm not sure what your intentions are, but this is my first shot at it:

    not very pretty, but it renders in IE (and Safari?) I didn't try Firefox yet.

    ... and you can only put text in divs 1,4 and 5.

    Here's the text link I made: http://www.catpin.com/div.htm

    Here's the code:
    Code:
    <html>
    <body>
    <div id='div3' style='width: 625px; background-color: #ff0000;'>
    <div id='div2' style='width: 600px; background-color: #0000ff;'>
    <div id='wrapper1'>
    <div id='div1' style='width: 575px; height: 600px; background-color: #00ff00; text-align: left;'>
    You can only put text in this divs 1,4 and 5.
    </div>
    <div id='div4' style='width: 575px; height: 25px; background-color: #dedede;'>
    div4
    </div>
    <div id='div5' style='width: 600px; height: 25px; background-color: #efefef;'>
    div5
    </div>
    </div>
    </div>
    </div>
    </body>
    </html>


  4. #3
    Junior Member
    Join Date
    Apr 2006
    Posts
    13
    Member #
    13019
    that's an interesting approach! I see, you put 3 and 4 behind 1! Should work! Thankssss!
    Now, there is another obstacle I'm facing... I can't for the life of me seem to be able to make explorer read height: 2px as 2px, it makes it thick no matter what kind of code I do. Is there a way around it?

  5. #4
    Junior Member
    Join Date
    Apr 2006
    Posts
    13
    Member #
    13019
    ahh wait
    got it

    overflow:hidden


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com