[my_user_name]

Hello

I've been working on a 'surprise bday gift' website for a friend on this Website and I have to say that I have no training with css or html apart from a basic 3 hour online class. I am building the website using the Joomla CMS.

The above website looks fine in Safari, chrome but not in Firefox and i am unsure about IE. The code you see is used to form a template for the website of some sort (I think!).
I've played around for 8 hours by tweaking the settings here and there and I just not able to get the right combination! I tried to be smart and dumb but didn't get it!

I would be grateful if someone could point me the error down to make the website bulletproof on all websites! (Ps do not worry about the error messages in the galleries, I got that under control )

        #wrapper {
	text-align:left;
	margin:0 auto;
	width:90%;
	}

	#logo {
        margin-top:15px;
        margin-left: 30px;
        margin-bottom:5px;
        float:left;       
        width:25%;
        }

	#nav_main {
        position:relative;
        margin-top: 25px;
        margin-bottom: 5px; 
        margin-left:15px;
        width:64%;	   
        z-index:10;
        float: right;
        background-colour: #ffffff;
        overflow: visible;
       	}
        
        .breadcrumb {
	position:relative;
	z-index:1;
	padding : 3px 3px 3px 18px;
	font-size:90%;
	}

	#image {
	position:relative;
	z-index:1;
	margin-top:15px;
        opacity:0.9;
        width:150%;
        overflow:hidden;
	-webkit-border-top-left-radius: 55px;
        -webkit-border-bottom-right-radius: 55px;
        -moz-border-radius-topleft: 55px;
        -moz-border-radius-bottomright: 55px;
        border-top-left-radius: 55px;
        border-bottom-right-radius: 55px;
	}

[maniacalsounds]

What is going wrong on the website? You just gave us the code, but not the actual problem.

We need to know what's going on to help, silly

[my_user_name]

Oops I rambled too much and forgot to mention the problem

The image slideshow elements overflows into the nav_main container. I definitely want the logo and menu to be on the same line. I just do not know how to do that!

Thats basically the problem. Btw the website looks fine in chrome and safari but not in firefox!

[maniacalsounds]

It is more than likely all of the z-index's. If that's not the problem, it is probably a contirbuting factor. Try to eliminate as many as possible, or condensing the numbers

[Lemur]

Quote

Error
[sigplus] Critical error: Image gallery folder people is expected to be a path relative to the image base folder specified in the back-end.

Gallery: People

[sigplus] Critical error: Image gallery folder people is expected to be a path relative to the image base folder specified in the back-end.

{gallery} people {/gallery}

Your problem is a tad more severe than an image overflow.

[my_user_name]

@maniacalsounds The problem was fixed with z-index! I had mess around a lot thought, took me 3 hours! also had to use some position: absolute; too!

@Lemur I honestly have that under control! Need to move my pictures from one folder to the other!

Eitherways since both of you are regular web designers can I get your opinion of the website?

[maniacalsounds]

Yay! I thought it was at least part of the problem, xD

LOl I'm glad to have helped.