Fri, 2011-07-08 13:02
Hi,
I am having a problem with this site - Meenola
In firefox, the page seems to be larger than the html - you can always scroll of to the right - although the html ends at the original boundary of the viewable area.
This does not happen in Chrome,Opera,IE or Safari
Any ideas what FF is reacting to?
Thanks for the help
/Adam
Fri, 2011-07-08 15:15
#1
First, fix your broken
First, fix your broken syntax.
I think your issue is a stack-up of little things. Use a single wrapper around the whole page to set width and center. In the menus,
#main_menu, #footer_links {
display: table;
height: 100%;
position: relative;
}
#main_menu ul, #footer_links ul {
display: table-row;
height: 100%;
text-align: center;
}For the list items, do:
#main_menu ul li, #footer_links ul li {
color: #E4E4E4;
display: table-cell;
display: inline-block;
font-size: 1.1em;
font-weight: bold;
height: 100%;
padding: 0 1.5em; /*adjust as desired*/
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}cheers,
gary