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.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 17
  1. #1
    Member
    Join Date
    Sep 2006
    Posts
    65
    Member #
    13863
    I have done my design and now i want to add my text where i want when i want, as you can see above my first division i added the code <center> but that has effected everything, including my text. I want to put the text in the left box to the left but about 5-10 pixels in and keep the bottom text , in the footer in the middle.

    help me out guys!

    here it is so far dont worry about the design, i can design better but just focus on the point that i didnt use tables
    http://www.freewebs.com/joofhart/index.html

    divisions are good they help me alot!

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,755
    Member #
    5580
    Liked
    720 times
    You'll need to do a little bit of <div> nesting.

    The biggest problem you'll face now is the height of the left panel.
    This is the typical "cannot determine the height" type of problem that is
    solved with "faux columns". If you know that the height of the left and
    middle is fixed, you'll be OK. If the content height on the page changes,
    you'll have different heights on the left and middle columns.

    I changed several things ...

    Here's my working example:

    http://catpin.com/joofhart/


    NOTE: And I assumed you wanted a fluid layout (for all width browsers).


    .


  4. #3
    Member
    Join Date
    Sep 2006
    Posts
    65
    Member #
    13863
    what happens if i put so much content in my div (600 pixels example) that there is too much content, these divisions dont seem to be very stretchable seems as though they get so big and then break up your design , i mean i could use them but if i was designing for some one they wouldnt know what to do if they put to much content in and didnt understand where theres a big gap on the left and loads of content on the right.

    but i have seen designs like that.

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,755
    Member #
    5580
    Liked
    720 times
    See my example now ...

    http://catpin.com/joofhart/

    In that case, it would be cut-off.
    You would have to increase the height of BOTH the
    left and middle sections. Or, use "faux-columns" to
    get past that problem.


  6. #5
    Member
    Join Date
    Sep 2006
    Posts
    65
    Member #
    13863
    wat are faux collums, coz i would be thinking if i designed something for some one they would like to be able to update it without having their site put all over the place. and having to figure out how to change the amount of pixels in it.

  7. #6
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Yes, the easiest way to get around these problems is to use faux columns. Basically, set a minimum height on one or both of the columns on either side, then add a background image that will make it look like that column keeps dropping down even when the actual div ends. Then set margins on the center body section so that its content never leaks into the edges.

  8. #7
    Member
    Join Date
    Sep 2006
    Posts
    65
    Member #
    13863
    where do i get faux colums?

  9. #8
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,755
    Member #
    5580
    Liked
    720 times
    I'll make another example.


  10. #9
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,755
    Member #
    5580
    Liked
    720 times
    OK ....

    Here it is with "faux columns".

    The "faux" are two more .gif images that include
    the left panel (dark red) and the right side (lighter red).
    Then, a different one for the footer.

    http://catpin.com/joofhart/


    The two images:
    http://catpin.com/joofhart/faux1.gif
    http://catpin.com/joofhart/faux2.gif


    Now, you can add content and it will grow vertically without any problems.


  11. #10
    Member
    Join Date
    Sep 2006
    Posts
    65
    Member #
    13863
    and i can put 2 divisions over the top of that add percentages or actual pixel sizes of them and it will make my text stay inline perfectly!


Page 1 of 2 1 2 LastLast

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 12:34 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com