- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
Set a minimum width to your wrapper div (the div around the whole site)
min-width: 900px;
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/
Thanks!
worked a treat.
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?
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.
Did you check out the Yahoo grid system?
Trust me just looking at it should give you an understanding how divs work.
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