7 replies [Last post]
redpandadesign
redpandadesign's picture
Offline
Regular
Sydney, Australia
Last seen: 10 years 46 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2006-01-17
Posts: 18
Points: 2

Hi,
Firstly i hope this is in the right spot, i had a search but couldn't find anything that helped, i think it's a simple something that i am missing but i don't know, thanks in advance for any and all help.

The Problem:

In IE6 (i've been making it using mozilla) i get an extra space between the navigation and the 'middle' DIV. I saw this happen, when i added the 'content' div, in mozilla but that was easy enough to fix, can't remember how. Then i checked the site in IE and found this problem. I am so close to finishing the site (as far as looks go) and i think this is the final hurdle.

let me know if there are any questions, advice, tips or even abuse. thanks

UPDATE I have the issue in mozilla too, i want there to be a 1px (or blank cause the bg is black) line above and below my navigation, thanks gain guys.

END UPDATE

The Site:

http://www.redpandadesign.net/alloy/

The Code:

@charset "utf-8"; /* CSS Document */

body {
background-color:#000000;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
}
#holder {
margin-left: auto;
margin-right: auto;
top: -8px;
width:761px;
}

#banner { width:761px;
background-image:url(../images/bg1.jpg);
height:154px;
background-color:#ffffff;
}

#navigation {
margin-left:auto;
margin-right:auto;
width:761px;
height:28px;
margin-bottom:1px;
margin-top:1px;}

#middle {
border:none;
background-image:url(../images/bg3.jpg);
width:761px;
height:533px;
margin-top:1px;
padding-top:0px;
}

#content {
position:relative;
top: 24px;
width:662px;
margin-bottom:20px;
left: 50px;
height: 472px;
}

#navbar {
margin: 0px;
padding: 0px;
background: url(nav_bg.png) repeat-x;
height: 30px;
list-style: none;
}

#navbar li {
float: left;
border-bottom: 0px solid #000000;
}

#navbar a {text-decoration: none;
display: block;
height: 28px;
text-indent: -5000px;}

#navbar #homenav {background: url(../images/nav/nav_02.jpg) no-repeat 0px 0px;
width: 96px;
height: 28px;}

#navbar #homenav:hover {background-position: 0 -28px;}


#navbar #aboutnav {background: url(../images/nav/nav_03.jpg) no-repeat 0px 0px;
width: 106px;
height: 28px;}

#navbar #aboutnav:hover {background-position: 0 -28px;}

#navbar #musicnav {background: url(../images/nav/nav_04.jpg) no-repeat 0px 0px;
width: 106px;
height: 28px;}

#navbar #musicnav:hover {background-position: 0 -28px;}

#navbar #gallerynav {background: url(../images/nav/nav_05.jpg) no-repeat 0px 0px;
width: 114px;
height: 28px;}

#navbar #gallerynav:hover {background-position: 0 -28px;}

#navbar #gigsnav {background: url(../images/nav/nav_06.jpg) no-repeat 0px 0px;
width: 78px;
height: 28px;}

#navbar #gigsnav:hover {background-position: 0 -28px;}

#navbar #linksnav {background: url(../images/nav/nav_07.jpg) no-repeat 0px 0px;
width: 89px;
height: 28px;}

#navbar #linksnav:hover {background-position: 0 -28px;}

#navbar #contactnav {background: url(../images/nav/nav_08.jpg) no-repeat 0px 0px;
width: 131px;
height: 28px;}

#navbar #contactnav:hover {background-position: 0 -28px;}
#bottomcolumn {width:438px;
color:#ffffff;
background-color:#000000;
padding:10px 5px 5px 5px;
clear:both;
text-align:center;
}
#leftcolumn {
background-color:#ffffff;
float:left;
width:210px;
padding:10px 5px 5px 5px;
text-align:justify;
}
#rightcolumn {
float:right;
width:215px;
padding:10px 5px 5px 5px;
}
#footer {width:761px;
height:20px;
color:#CCCCCC;
margin-bottom:20px;
}

img {border:none;}

p { padding-top:0px;
margin-top:05px;
text-indent:15px;
line-height:1.4em}

a:link {border: none;
color: #660000;
text-decoration: none;
font-weight:bold;
}
a:visited {border: none;
text-decoration: none;
color: #660000;
font-weight:bold;
}
a:hover {border: none;
text-decoration: underline;
}
a:active {border: none;
text-decoration: none;
color: #ffffff;
}

h1 {color: #660000;
background-color: #ffffff;
font-size:18px;
margin-top:-3px;
padding-top:5px;
padding-left: 0px;
margin-left: -8px;
padding-bottom:5px;
text-align:center;}

h2 {font-size:14px;
color:#660000;
margin-top:0px;
margin-bottom:5px;
text-align:left;
text-align:center;}

h3 {font-size:14px;
margin-top:20px;
margin-bottom:0px;}

h4 {font-size:14px;
margin-top:10px;
margin-bottom:0px;
text-align:center;
color:#660000}


img.portfoliolinks {
margin-bottom:5px;
border: solid thin black;
}

img.portfoliologos{
margin-bottom:10px;
border: solid 0px black;
}
p.clients{text-align:left;
margin-top:2px;
}

.aligntextright
{text-align:right;
margin-right:10px;}

DJ Alloy (AUS)

Alloy began DJing when he was asked to play at a small party in 2003. Whilst inexperienced, he had an incredible talent for song selection and was asked to support the main set at one of Sydney’s famous underground parties at the Bondi Pavilion. 300 raving revelers later, and Alloy was born.

During the beginning of his career, Alloy persevered through challenging gigs at harder venues, allowing him to hone his skills and expand his range as a DJ. He formed a unique diverse style and the ability to rev up the crowds, be they 5 or 500. Soon he formed a reputation as the right DJ to close any night, as his sets were guaranteed to keep crowds crazy until the sun came up.

Alloy’s sound ranges from funky house to dirty electro, with elements of rock and hip-hop, with an ability to set the tone in any venue. His name says it all, Alloy embodies what it means to mix.

thanks again for all and any help.

"What if the Hokey Pokey is what it's all about"?

redpandadesign
redpandadesign's picture
Offline
Regular
Sydney, Australia
Last seen: 10 years 46 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2006-01-17
Posts: 18
Points: 2

Help

Hi,
I was wondering if someone might be able to ive me some tips on how to make my post better next time to make it easier to help me and make my chances of being helped better, thanks

"What if the Hokey Pokey is what it's all about"?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 6 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

make the #navbar height

make the #navbar height 24px. This fixes FF. Then to correct IE you'll also need:

#navbar li img {
vertical-align: bottom;
}

redpandadesign
redpandadesign's picture
Offline
Regular
Sydney, Australia
Last seen: 10 years 46 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2006-01-17
Posts: 18
Points: 2

Thnanks heaps dude, massive

Thnanks heaps dude, massive help, also i have learnt a good lesson of not haing extra divs if i don't need them, thanks.

"What if the Hokey Pokey is what it's all about"?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 2 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

redpandadesign wrote:Hi, I

redpandadesign wrote:
Hi,
I was wondering if someone might be able to ive me some tips on how to make my post better next time to make it easier to help me and make my chances of being helped better, thanks

Patience is always a good one Wink

Verschwindende wrote:
  • CSS doesn't make pies

redpandadesign
redpandadesign's picture
Offline
Regular
Sydney, Australia
Last seen: 10 years 46 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2006-01-17
Posts: 18
Points: 2

Patience is something i just

Patience is something i just havn't been able to get a grasp on. I have to distract myself to give off the apearance of patience, but i will try for next time, thanks

"What if the Hokey Pokey is what it's all about"?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 2 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Did Wolfy's suggestion fix

Did Wolfy's suggestion fix the problem?

Verschwindende wrote:
  • CSS doesn't make pies

redpandadesign
redpandadesign's picture
Offline
Regular
Sydney, Australia
Last seen: 10 years 46 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2006-01-17
Posts: 18
Points: 2

yeah it did, thanks

yeah it did, thanks

"What if the Hokey Pokey is what it's all about"?