Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Sizing help

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 21, 2008 at 4:32 am #23615
    beezer123
    Participant

    I have recently added a reviews page to my site, but I have found that when resize the page it causes everything to reposition itself.

    Does anyone know how to make it so that no matter how much the browser is resized it will always be scaled and won’t squash up?

    Here’s the link

    http://www.macbook4u.co.uk/reviews.html

    November 21, 2008 at 4:46 am #51316
    Jonz
    Member

    Set a minimum width to your wrapper div (the div around the whole site)

    min-width: 900px;

    November 21, 2008 at 5:04 am #51317
    Jonz
    Member

    Ok its great that you’re using divs over tables but you using them the wrong way. Wayy too many <br> tags (<br />)

    Why did you use margin: 0 auto; to center the div and you put center on it?

    #body {
    width : 80%;
    background-image:url("background.gif");
    margin: 0 auto;
    border: 0px solid; if border is 0 you dont have to say its solid.
    }

    You should really try checking out grid frameworks, Yahoo has a great one and I’m sure you’d find it useful
    http://developer.yahoo.com/yui/grids/

    November 21, 2008 at 5:05 am #51318
    beezer123
    Participant

    Thanks!

    worked a treat.

    November 21, 2008 at 5:13 am #51319
    beezer123
    Participant

    I’ve gone through and cleaned up the things that I can for each of those points.

    Apart from the <br>

    is there any way that I can get the same spacing without using loads of <br> tags?

    November 21, 2008 at 5:40 am #51324
    beezer123
    Participant

    I’ve taken away as much of the <br> as I can see possible for just now and replaced it with padding on the 3 div columns.

    Hopefully it’s starting to look a bit cleaner now. I’m quite new to all this CSS stuff so just picking things up as I go.

    November 21, 2008 at 7:32 am #51326
    Jonz
    Member

    Did you check out the Yahoo grid system?
    Trust me just looking at it should give you an understanding how divs work.

    November 21, 2008 at 7:44 am #51327
    beezer123
    Participant

    I’ve been having a look at it, but there is a lot of information there to try and intake.

    Perhaps I’ll give it a good read through when I’m not at college.
    :)

    Thanks for the tips though

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.