[dime]

Hallo zusammen,


kurz und knapp - ein kleines Problem:

Schaut euch folgende Seite an Huber Blumen.

So... es geht um die Anordnung der Layer, genau genommen um das Flashlogo rechts oben. Alles sollte so aussehen wie im IE. Der Firefox jedoch nimmt den Fuß oder Flash-Datei in den Vordergrund.

Wie kann ich das umgehen, sodass die Navigationsleiste das Flash überdeckt? Habe schon etwas mit der Eigenschaft z-index herumgespielt, was aber nicht so wirklich geklappt hat.

Meine CSS:

* { margin:0; padding:0 }
a img, :link img, :visited img, fieldset { border:none }
form label { cursor: pointer }

body {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	color: #003300;
	font-size: 12px;
	background-image: url(images/huber_03.jpg);
	background-position: 521px 157px;
	background-repeat: no-repeat;
	text-align: justify;
	margin: 0px;
	height: 100%;
}

a:link, a:visited, a:active {
	color: #003300;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	padding: 7px 0px 0px 0px;
}

h1 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003300;
	padding: 0px 0px 10px 0px;
}

h1.header {
	background-image: url(images/huber_01.jpg);
	background-repeat: no-repeat;
	width: 521px;
	height: 230px;
	margin: 0px;
}

h2 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003300;
	padding: 20px 15px;
}

.headline2 {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003300;
	float: right;
}

#logo {
	margin: 0px 0px 0px 521px;
	display: block;
	background: url(images/huber_02.jpg);
	width: 310px;
	height: 157px;
	background-repeat: no-repeat;
}

ul#navi {
	padding-left: 0px;
	margin: -97px 0px 0px 0px;
	background-color: #99B086;
	color: #003300;
	font-size: 13px;
	font-weight: bold;
	float: left;
	width: 100%;
}

ul li { display: inline; }

ul li a {
	padding: 4px 13px 4px 13px;
	background-color: #99B086;
	color: #003300;
	float: left;
	border-right: 1px solid #fff;
}

ul li a:hover {
	background-color: #D6DFCE;
	color: #003300;
}

#content {
	background-color: #D6DFCE;
	margin: -10px 0px 0px 49px;
	padding: 20px 30px 40px 30px;
	width: 412px;
}

#footer {
	margin: 0px 0px 0px 49px;
	padding: 17px 132px;
	background-image: url(images/huber_11.jpg);
	width: 427px;
	height: 61px;
	background-repeat: no-repeat;
}

HTML könnt ihr ja einfach der Seite entnehmen.


Vielen Dank!


Maxi

[Geronimo]

Das ist mal wieder ein gutes Beispiel für den völlig unsinnigen Einsatz von Flash. Vielen Dank dafür. Warum verwendest du nicht einfach ein simples Bild?

[dime]

... kein unsinniger Einsatz von Flash, ich möchte das als kleine Auflockerung bzw. Dynamik der Internetpräsenz einsetzen... des Weiteren wird die Animation lediglich einmal beim Betreten der Startseite abgespielt.

Danke, dass du deine Meinung vertrittst, aber mein Handeln basiert zum großen Teil auf die Wünsche des Kunden.

Hätte jemand einen passenden Beitrag bzgl. der Frage?


Vorab schonmal danke für alle Bemühungen!


Maxi

[bussela]

Ich weiß, daß das auch nicht weiterhilft, aber so find ich's viel schöner, als wenn die Navileiste im Vordergrund wär.
Hättest Du das nicht geposted, und ich hätte die Seite durch Zufall entdeckt, hätte ich gedacht, das gehört so.

Nix für ungut.

Rüdiger

[dime]

Hallo,


vielen Dank für deine Antwort.
Im Prinzip ist es mir ja auch gleichgültig, ob das Logo jetzt im Vorder- oder im Hintergrund liegt. Es sollte nur einheitlich sein...


Gruß

Maxi