On 3/01/2011 8:13 PM, Chetan Crasta wrote:
On Mon, Jan 3, 2011 at 12:51 PM, David Laakso
<[email protected]> wrote:
Careful. The horizontal scroll bar it will throw with + font-scaling will
wreak havoc on land and sea as it shoots its way from here to Havana :-) .
On my computer the menu doesn't break with font scaling but with zoom.
And zooming is the only way to increase the text size in any browser. Or
possibly resizing the viewport to below 909px to produce a horizontal
scroll bar. Or inline style.
<div style="width:909px; margin-left:auto; margin-right:auto;
text-align:left; text-align:justify;">
Luckily for the Matthew but not to good to the user, the stylesheet is
overridding my client's (Firefox) font size setting when I change it
from my standard 16px to 24px. I played around with the layout offline
and found that a vertical menu allowed for a more fluid design.
Changing font size units and padding to ems didn't fix it.
Fix what?
I don't know if it has something to do with the HTML errors:
http://validator.w3.org/check?uri=http://www.applegateelements.com/
The page is served up as xhtml traditional but the html does not conform
to xhtml. It survives better as html5 by validity. The menu drops in IE9
(IE9 does not need a traditional Doctype). Ok in IE8. Break in IE7
sometimes (ghosting and pee-ka-boo) and when the page overflows, there
are two vertical scroll bars (one just visible) for vertical and two
horizontal scroll bars which are both working. Hint for Matthew, never
let IE7 see this.
body {overflow:scroll;}
The list items explodes in IE6 to fill the entire width of
div#navigation. I do note that in all versions of IE, the text size
setting is locked (stuck on medium).
<http://validator.w3.org/check?uri=http%3A%2F%2Fwww.applegateelements.com%2F&charset=%28detect+automatically%29&doctype=HTML5&group=0&user-agent=W3C_Validator%2F1.1>
or the CSS error:
http://jigsaw.w3.org/css-validator/validator?uri=http://www.applegateelements.com/
or the unusual structure of the menu (multiple ULs).
~Chetan
There is only one CSS error. It's caused by this,
<!--------------- END menu coding --------------->
and better coded as a CSS comment.
/*--------------- END menu coding ---------------*/
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
