hi,
i got this list based menu im desperately trying to align in both mozilla FF and IE, doesnt seem to work, could u help me?
<!-- m --><a class="postlink" href="http://www.lilcrazyfuzzy.de/problem/align.htm">http://www.lilcrazyfuzzy.de/problem/align.htm</a><!-- m -->
btw, it works in moz, but not in IE, so if u dont have the latter, no need to try,
thx alot!Add to div#nav ul padding:0;
and change:
div#nav li{
display:inline;
margin-left:25px;
padding:0;
width:150px;
}thxI have a similar promblem.
I have a small menu at the bottom of this (<!-- m --><a class="postlink" href="http://cheers-sendai.com/">http://cheers-sendai.com/</a><!-- m -->) page and it looks odd in Firefox - it sits slightly to the left rather than centred as it does in IE. To be honest, I do this with IE in mind because the vast majority of people use it.
I wonder if you could help me get it centred in both Firefox and IE...
I'm sorry if the css is a little confusing (it's pretty looong).
I appreciate any help.Try replacing position:fixed; with position:absolute; in #footerwhats that "position: fixed;" actually? how do u use it?It does what it says; fixes an element where it is and is not effected by scrolling.
IE unfortunately does not understand it.
Look at this example (<!-- m --><a class="postlink" href="http://www.w3.org/Style/Examples/007/menus.html">http://www.w3.org/Style/Examples/007/menus.html</a><!-- m -->) in FF, Mozilla or Opera and then in IE. The menu top right!I had thought before that that might be the problem, but I've changed that (here (<!-- m --><a class="postlink" href="http://cheers-sendai.com/index1.shtml">http://cheers-sendai.com/index1.shtml</a><!-- m -->) ) and it floats to the left in Firefox. I think the reason for this is the way the menu is made (I saw this in this forum) - it uses float:left to build the 'cells' (I think). I could change the menu back to how I had it before, but the code didn't look as 'clean' as this does (lots of spaces and use of '|' ).
What do you think? Maybe I shouldn't use this code (with the 'float:left')?The float:left allows the menu to display horizontally. Usually display:inline (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m -->) is used.
If it works for you leave it.
There are however problems with the css. A validation will reveal some of these.
Other points to note are:
z-index is a unique number.
Having multiple elements with the same z-index is pointless and impossible. The browser will change any duplicate values it finds.
All those position:absolute elements, are they really necessary. Whenever possible leave elements in the natural flow of the document.
overflow : hidden; in html and body can make you page inaccessible , especially on smaller screens.
CSS declaration duplication; i.e. font-family and background. Use selector grouping: body, html { font-family: ....}I appreciate the advice and I'm trying to put more things 'in the flow' of the document now (though having crazy problems).
As for the problem I was asking about (my non-centring menu)... I changed it from 'float:left' to 'display:inline' but it just totally messed it up. What I had before was a div with lots of spans forming the menu with ' | ' between the spans. This actually worked fine, but the code didn't look pretty (if you know what I mean) - I figured cleaner code is generally better.
Thanks again - maybe I'll get back to you with more problems soon...
i got this list based menu im desperately trying to align in both mozilla FF and IE, doesnt seem to work, could u help me?
<!-- m --><a class="postlink" href="http://www.lilcrazyfuzzy.de/problem/align.htm">http://www.lilcrazyfuzzy.de/problem/align.htm</a><!-- m -->
btw, it works in moz, but not in IE, so if u dont have the latter, no need to try,
thx alot!Add to div#nav ul padding:0;
and change:
div#nav li{
display:inline;
margin-left:25px;
padding:0;
width:150px;
}thxI have a similar promblem.
I have a small menu at the bottom of this (<!-- m --><a class="postlink" href="http://cheers-sendai.com/">http://cheers-sendai.com/</a><!-- m -->) page and it looks odd in Firefox - it sits slightly to the left rather than centred as it does in IE. To be honest, I do this with IE in mind because the vast majority of people use it.
I wonder if you could help me get it centred in both Firefox and IE...
I'm sorry if the css is a little confusing (it's pretty looong).
I appreciate any help.Try replacing position:fixed; with position:absolute; in #footerwhats that "position: fixed;" actually? how do u use it?It does what it says; fixes an element where it is and is not effected by scrolling.
IE unfortunately does not understand it.
Look at this example (<!-- m --><a class="postlink" href="http://www.w3.org/Style/Examples/007/menus.html">http://www.w3.org/Style/Examples/007/menus.html</a><!-- m -->) in FF, Mozilla or Opera and then in IE. The menu top right!I had thought before that that might be the problem, but I've changed that (here (<!-- m --><a class="postlink" href="http://cheers-sendai.com/index1.shtml">http://cheers-sendai.com/index1.shtml</a><!-- m -->) ) and it floats to the left in Firefox. I think the reason for this is the way the menu is made (I saw this in this forum) - it uses float:left to build the 'cells' (I think). I could change the menu back to how I had it before, but the code didn't look as 'clean' as this does (lots of spaces and use of '|' ).
What do you think? Maybe I shouldn't use this code (with the 'float:left')?The float:left allows the menu to display horizontally. Usually display:inline (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m -->) is used.
If it works for you leave it.
There are however problems with the css. A validation will reveal some of these.
Other points to note are:
z-index is a unique number.
Having multiple elements with the same z-index is pointless and impossible. The browser will change any duplicate values it finds.
All those position:absolute elements, are they really necessary. Whenever possible leave elements in the natural flow of the document.
overflow : hidden; in html and body can make you page inaccessible , especially on smaller screens.
CSS declaration duplication; i.e. font-family and background. Use selector grouping: body, html { font-family: ....}I appreciate the advice and I'm trying to put more things 'in the flow' of the document now (though having crazy problems).
As for the problem I was asking about (my non-centring menu)... I changed it from 'float:left' to 'display:inline' but it just totally messed it up. What I had before was a div with lots of spans forming the menu with ' | ' between the spans. This actually worked fine, but the code didn't look pretty (if you know what I mean) - I figured cleaner code is generally better.
Thanks again - maybe I'll get back to you with more problems soon...