Hey ive attached my stylesheet and index page. I have a problem with the menu in mozilla when you hover over the links the content moves i think its a padding problem.I would like the menu to look the same if possible. Also the header div drops down a bit. There is also a problem that theres a horizontal scroll bar for no reason i have all my divs with a width of 800px so it would be max in 800*600 but still look relativly big in 1024*... Hope someone can help me because these issues are really confusing me.
It probably wouldnt of had half of these issues if i didnt start to code the site in IE but that was all the clients computer had.
Cheers againAdd
border-bottom: 2px solid #FFF;
padding-bottom: 2px;
To the #navlist a:link, #navlist a:visited styles.
As for the resolution, the reason there is still scrolling is because the available width isn't 800 pixels. It's 800 pixels minus scrollbar width, at least. I would recommend coding a flexible layout that will adjust to the users' resolution. But I believe a safe width is around 750px or so.
Flexible (<!-- m --><a class="postlink" href="http://www.klproductions.com/">http://www.klproductions.com/</a><!-- m -->)
Fixed (<!-- m --><a class="postlink" href="http://www.ryanbrill.com/">http://www.ryanbrill.com/</a><!-- m -->)Hey paul the menu bar works now cheers i coded it again with a width of 750px but still theres a scrollbar. Even on resolutions of 1280*1024 theres still a scrollbar but the scroll bars on every resolution are really small and dont scroll far at all.
Cheers againAwesome!
The reason the menu was acting up is because when you moused over the liniks, there was 4 pixels of space (2px padding, 2px border) being added, and that was throwing everything off. The added code put the space there to begin with, but made it "invisible" by turning the border to the same color as the background.
I'm not sure about the resolution thing without seeing the updated code, but this might require quick recoding of the site to make it fluid.Thanks again Paul for your help with the menu i figured it out about the scroll bar for some reason i added a margin:-1px to the body dont know why like.
It probably wouldnt of had half of these issues if i didnt start to code the site in IE but that was all the clients computer had.
Cheers againAdd
border-bottom: 2px solid #FFF;
padding-bottom: 2px;
To the #navlist a:link, #navlist a:visited styles.
As for the resolution, the reason there is still scrolling is because the available width isn't 800 pixels. It's 800 pixels minus scrollbar width, at least. I would recommend coding a flexible layout that will adjust to the users' resolution. But I believe a safe width is around 750px or so.
Flexible (<!-- m --><a class="postlink" href="http://www.klproductions.com/">http://www.klproductions.com/</a><!-- m -->)
Fixed (<!-- m --><a class="postlink" href="http://www.ryanbrill.com/">http://www.ryanbrill.com/</a><!-- m -->)Hey paul the menu bar works now cheers i coded it again with a width of 750px but still theres a scrollbar. Even on resolutions of 1280*1024 theres still a scrollbar but the scroll bars on every resolution are really small and dont scroll far at all.
Cheers againAwesome!
The reason the menu was acting up is because when you moused over the liniks, there was 4 pixels of space (2px padding, 2px border) being added, and that was throwing everything off. The added code put the space there to begin with, but made it "invisible" by turning the border to the same color as the background.
I'm not sure about the resolution thing without seeing the updated code, but this might require quick recoding of the site to make it fluid.Thanks again Paul for your help with the menu i figured it out about the scroll bar for some reason i added a margin:-1px to the body dont know why like.