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 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Nov 2007
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    layout of website changes when internet window is restore down

    I made a layout using div(assignment for web class in hs). When the window is maximize everything looks fine but when I make it smaller, it changes. The right div box goes to the bottom, the left div isn't position under than navigation bar anymore. How do I fix this?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello d4v1d,
    Sounds like float drop. It will be very hard to fix since we can't even see it though...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    Sounds like it may be a similar problem to what I had just the other day. I had two floated divs side by side (two colums) and the right div kept dropping down. So I put both the divs inside a third wrapper div around them and now they are fine.

    If Im way off the mark I appoligise!

  • #4
    New to the CF scene
    Join Date
    Nov 2007
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by moss2076 View Post
    Sounds like it may be a similar problem to what I had just the other day. I had two floated divs side by side (two colums) and the right div kept dropping down. So I put both the divs inside a third wrapper div around them and now they are fine.

    If Im way off the mark I appoligise!
    Yeah I did something like that too about an hour after I made this thread, and it worked!


    Thanks guys.
    ---------------------
    Btw I have another question relating to my layout.

    Is there a way for the left div box to automatically match the height of the right one? Because for example the right box contains more content which results in the height getting bigger, but I want the left box to still match up with it without always having to change the height of it.
    Last edited by d4v1d; 12-17-2007 at 10:20 PM.

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by d4v1d View Post
    Is there a way for the left div box to automatically match the height of the right one? Because for example the right box contains more content which results in the height getting bigger, but I want the left box to still match up with it without always having to change the height of it.
    It's all in how you nest the divs. Google faux columns for a couple ideas or look at some examples I have:
    one
    two
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    New to the CF scene
    Join Date
    Nov 2007
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    It's all in how you nest the divs. Google faux columns for a couple ideas or look at some examples I have:
    one
    two
    thanks for the links.


    well I'm having the same problem again. When I view the layout in 1024x768 res, the whole layout is shifted to the left, the right div box isn't position right. When you restore down, the right box still moves down. A lot of problems. Would you mind if I pm'd you my stuff in a zip folder and you could perhaps check out my webpage and coding and explain to me what's wrong with it?

  • #7
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    post a link to the page would allow everyone to assist.
    Excavator might be busy shovelling snow...


  •  

    Posting Permissions

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