6 Replies - 646 Views - Last Post: 08 July 2011 - 01:00 PM

#1 my_user_name  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 20
  • Joined: 02-December 08

css headache! float, alignment and div problems!

Posted 08 July 2011 - 08:50 AM

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;
	}



Is This A Good Question/Topic? 0
  • +

Replies To: css headache! float, alignment and div problems!

#2 maniacalsounds  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 117
  • View blog
  • Posts: 472
  • Joined: 27-June 10

Re: css headache! float, alignment and div problems!

Posted 08 July 2011 - 08:56 AM

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 :)
Was This Post Helpful? 0
  • +
  • -

#3 my_user_name  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 20
  • Joined: 02-December 08

Re: css headache! float, alignment and div problems!

Posted 08 July 2011 - 09:43 AM

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!
Was This Post Helpful? 0
  • +
  • -

#4 maniacalsounds  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 117
  • View blog
  • Posts: 472
  • Joined: 27-June 10

Re: css headache! float, alignment and div problems!

Posted 08 July 2011 - 09:57 AM

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 :)
Was This Post Helpful? 0
  • +
  • -

#5 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon


Reputation: 1377
  • View blog
  • Posts: 3,502
  • Joined: 28-November 09

Re: css headache! float, alignment and div problems!

Posted 08 July 2011 - 11:42 AM

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.
Was This Post Helpful? 0
  • +
  • -

#6 my_user_name  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 20
  • Joined: 02-December 08

Re: css headache! float, alignment and div problems!

Posted 08 July 2011 - 12:59 PM

@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?
Was This Post Helpful? 0
  • +
  • -

#7 maniacalsounds  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 117
  • View blog
  • Posts: 472
  • Joined: 27-June 10

Re: css headache! float, alignment and div problems!

Posted 08 July 2011 - 01:00 PM

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

LOl I'm glad to have helped.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1