PDA

View Full Version : Text moving to different positions



nickelcurry
Jun 26th, 2009, 04:43 PM
I have my menu at the side of the page and a gallery on the other side, but if people view it in a smaller window, the menu text gets moved and ends up on top of the gallery.

I tried all the different positionings in CSS, but I can't get it to stay where it's supposed to. Is there a way to do this?

Thank you!

BoldUlysses
Jun 26th, 2009, 04:47 PM
Link to page please.

nickelcurry
Jun 26th, 2009, 04:49 PM
I'm testing over here: http://silverpoint.ca/Tests/

BoldUlysses
Jun 26th, 2009, 05:04 PM
A few things:

- Validate your page (http://validator.w3.org/check?uri=http%3A%2F%2Fsilverpoint.ca%2FTests%2F&charset=%28detect+automatically%29&doctype=Inline&group=0). Most of those errors are missing alt attributes from your <img> tags but there's some other stuff in there as well.
- Recode your page; it's not semantic (http://boagworld.com/technology/semantic-code-what-why-how). Tables are not to be used for layout (http://phrogz.net/css/WhyTablesAreBadForLayout.html). What you have is a list of images and a list of links (use the <ul> and <li> tags for both).
- Don't use the Lightbox stylesheet for your layout CSS. I know you might be interested in only having one external stylesheet link at the top of your page, but it gets really confusing to debug.

Having done all that, it appears your #nav div is absolutely positioned with respect to the right side of the browser window:


right:545px;

Changing it to


left:545px;

should make it static.

nickelcurry
Jun 26th, 2009, 05:07 PM
Thanks for the tips, I'll try that! :D