Few website questions

Associate
Joined
17 Mar 2004
Posts
1,562
Hi all, few problems with a website i'm working on so far.

http://offlimitscrew.co.uk/new2/

1. The positioning on the content div differs on FF and IE. Looks great on IE, but its a few pixels different on FF. Not too much of a problem but I think it would be better if it looked like IE on every single browser. Any ideas?

2. Background image - Got a feeling it's a bit too big. However, it would be the only image on the site...

3. The navigation menu to the top right - How do I get it so the links are each in a grey rectangle and when you move the mouse over them they change to a different colour?

Heres my CSS.

div#nav ul{padding:0;}


#nav ul a{
width:165px;
font-size:100%;
text-decoration:none;
color:#49C2F7;}


#nav li
{line-height: 25px;
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
text-transform: capitalize;}


#nav li a {
padding-left: 5px;
display:block;
width:auto;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
font-size: 11px;
color: #49C2F7;
}

#nav li a:hover {
padding-left: 5px;
background: #49C2F7;
color: #fff;
}

And my HTML..

<div id="nav">

<ul>
<li><a href="index.php" title="Home">HOME</a></li>
<li><a href="the-family.php" title="The Family">THE FAMILY</a></li>
<li><a href="audio.php" title="Audio">AUDIO</a></li>
<li><a href="video.php" title="Video">VIDEO</a></li>
<li><a href="events.php" title="Events">EVENTS</a></li>
<li><a href="contact.php" title="Contact">CONTACT</a></li>
<li><a href="links.php" title="Links">LINKS</a></li>
</ul>
</div>


Thanks for any help!
 
Last edited:
Tried the global white space reset, didn't do anything for that content div.

Just checked the site on my laptop at 1024x768 and the site is all over the place?!

Fine here on my 19" at 1280x1024. :confused:
 
Cheers mate, thats got the content bit sorted.

Still having problems with the nav - the whole background has dissapeared on IE now...

Will have a play around!
 
Back
Top Bottom