Wed, 2013-02-27 19:00
Hey How can I prevent my website from shifting when I change the size of my browser? When its maximized, my navigation buttons are all on a straight line, but when i shrink the page, one of the buttons goes down to the next line. How can I prevent this? I fixed it by shifting everything more to the left side, but wondering how can I do it without that?
Thanks
Wed, 2013-02-27 21:18
#1
What do you expect to happen?
What do you expect to happen? At what size does the realignment occur? May we see the page, that is, can you post a link?
cheers,
gary
Fri, 2013-03-01 21:30
#2
Here's the
Here's the site
http://infodesign.oirt.rutgers.edu/~cpamieta/Summary.html
Also I notice that with different browsers it looks different. When I checked on my other laptop using safari, the navigation on top was shift down so you saw that black line going through it.
Thanks
Fri, 2013-03-01 21:53
#3
Suggestions
To #content, add {overflow: hidden;}. That causes it to enclose its float descendant(s).
On figure, delete the margin-top and margin-right properties. Add {margin: 0 1em;}.
On #content p, delete all style rules.
These changes will allow the page to re-flow sanely as the window is resized.
cheers,
gary
Fri, 2013-03-01 22:55
#4
Thank you for the help
Thank you for the help