Hello again,
my website looks finally like I wanted... but not in other browsers. I would
like you to help me in changing this, without destroying the nice look in
Firefox... ;)
For some reason I must have the call for the menu inside the header.php
file, because otherwise my wordpress-based website turns upside down... so I
have this in header.php:
<div class="footer"><div class="menu"><?php wp_page_menu(); ?></div></div>
and this at the bottom of any other page template:
<?php get_footer(); ?>
The result is here (Firefox, please!):
http://klikerlab.pl/
I was very happy and proud, until I opened it in other browsers ;) like
Internet Explorer, Safari and Opera. All of them see two menus... what
should I do, without letting Firefox know, that the other browsers are quite
right? ;)
This is the css code for menu and the footer, which have to stay together
forever in header.php...:
/* Menu */
.menu { background-color: #3d3d3d; }
.nav { line-height: 2px; }
.nav, .nav * { list-style: none; text-align: center; }
.nav li { padding: 0; position: relative; text-align: center; display:
inline; }
.nav ul li { width: 100% display: inline; }
.nav a { display: inline; position: relative; padding: 4px 10px; }
.nav ul { display: inline; }
.nav { margin-left: auto; margin-right: auto; width: 100% }
/* Default Skin */
.menu { border: 1px solid; border-color: #aaa #3d3d3d #3d3d3d #3d3d3d;
margin-top: 0; }
.nav ul { border: 1px solid #ddd; border-bottom: none; }
.nav ul li a { border-bottom: 1px solid #ddd; }
.nav li:hover ul,
.nav li.nav-hover ul { background: #fff; }
.nav a { color: #D3E0E0; border-right: 1px solid #ccc; }
.nav a:hover { text-decoration: none; background: #fafafa; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: #fafafa; }
/* Footer */
.footer { position: absolute; width: 100%; display: block; bottom: 0; left:
0; right: 0; text-align: center; margin-bottom: -40px; }
I would be grateful for any ideas.
Also, feel free to comment any other layout and code issues if you want...
the website is almost finished at this point, only without a content
(everything is a placeholder text), and the gallery doesn't work, but it's
because of some database permissions...
Regards,
Ania
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
