...is there any way that I can get the same spacing without using loads of <br> tags?
That's what CSS is for! You should never have to add html mark-up in order to force a display (although the very occasional <div> is forgivable). HTML is for marking up content and not for display. Display is controlled entirely with CSS. So if you need extra space, you'll apply it with CSS. <center> is also bad mark-up. If you wish to centre an area, then you apply this via CSS and not HTML. Do not use <center> tags. Do not use <br> tags.
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
min-width: 900px;
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/
worked a treat.
Apart from the <br>
is there any way that I can get the same spacing without using loads of <br> tags?
That's what CSS is for! You should never have to add html mark-up in order to force a display (although the very occasional <div> is forgivable). HTML is for marking up content and not for display. Display is controlled entirely with CSS. So if you need extra space, you'll apply it with CSS.
<center> is also bad mark-up. If you wish to centre an area, then you apply this via CSS and not HTML.
Do not use <center> tags. Do not use <br> tags.
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.
Trust me just looking at it should give you an understanding how divs work.
Perhaps I'll give it a good read through when I'm not at college.
:)
Thanks for the tips though