Hi there Mario,
First thing, take that 50em width off the <body> and then zero out your
margin and padding:
body {
font-family: Tahoma, Verdana, Arial, Sans-Serif;
background-color: white;
margin: 0;
padding: 0
You have a #mainbox in your style sheet but not in your markup; maybe you
weren't ready to use that yet? Well I took it upon myself to use it as a
wrapper div then, since it was just laying around doing nothing :-). I made
a change to it:
#mainbox {
margin: 0 auto; /* this centered you page horizontally */
width: 780px; /*this may be a tad too wide for some browsers @ 800x600*/
I then added that div into your markup right after the <body>, ending just
below your #menu2in div.
For #menu2 I moved the font info down into the menu2in div and added padding
to #menu2. So that looks like this now:
#menu2 {
height:35px;
padding: 10px 0 0 20px;;
background-color: black;
border-bottom: 6px solid #f2b71b;
/*add the border there & eliminate #orangehorizontal*/
}
#menu2in {
font-family: Tahoma, Verdana, Arial, Sans-Serif;
text-align: left;
font-size: 18px;
color: white;
}
With those changes, the navigation bar looks groovey (as we used to say in
the old days) in IE6, 5.5, FF 1.07, 1.5; Opera 7, 8.02 and Netscape all on
win xp sp2.
You may consider making that navigation an inline list; it'll give you lots
more styling options if you need them.
http://css.maxdesign.com.au/listamatic/ is a good place to start.
HTH,
Bill Scheider
I'm sorry.
I've changed the CSS since my first mail.
Please, take a look again.
> http://www.tuxdoit.com/prototype.php
Sorry again.
Warm Regards,
Mário Gamito
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
