css funzt im inet explorer nicht richtig

DrunkenDX

so, habe ein neues projekt angefangen...

im seamonkey sieht es top aus ( so wie ich es mir vorstelle) und im inet explorer geht es nicht!

http://www.obsthof-stockinger.de

kann mir bitte jmd helfen...

gruss

Dominikgt

was geht nicht?
schick uns den css bitte, dann muss man den nich selber rausfummeln!

DrunkenDX

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Obsthof Stockinger</title>
<style type="text/css">




#navi
{width:150px;
 height:auto;
 float:left;
 margin:15px;
 margin-left:0px;
}
 
#inhalt
{width:740px;
 height:auto;
 float:right;
 margin:15px; 
}


.Stil1 {font-size: 30px}
</style>




</head>


<body>
<div align="center">
<div align="center" style="width:960px; height:auto">
 <div id="" align="center">


 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#banner 
{width:950px;
 height:175px;
 border:#000000;
 font-size:30px;
 font-family:Arial, Helvetica, sans-serif;
 border-style:double;
 background-color:#009900;
 background-image:url(banner.jpg); 
 }
 </style>
</head>


<body>
<div id="banner">
</div>
</body>
</html>
 </div>


 <div id="navi" align="left">
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>


<style type="text/css">
a:link {
 color:#333333;
 text-decoration:none;
 font-size:18px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bolder;
 }
#menue {
 border:#000000 2px solid;
 margin:2px;
 width:100px;
 height:25px; background-color:#99FF99
 }
#menue:hover {
 background-color:#CCCCCC
 }
 

</style>


</head>


<body style="background-image:url(navi.jpg)">
<div>


<div align="center" style=" margin:15px">
<div id="menue">[url='#']Über uns[/url]</div>
<div id="menue">[url='#']Produkte[/url]</div>
<div id="menue">[url='#']Anbau[/url]</div>
<div id="menue">[url='#']News[/url]</div>
<div id="menue">[url='#']Kontakt[/url]</div>
<div id="menue">[url='#']Links[/url]</div>


</div>
<div align="center">




</p
>


<script language="JavaScript" type="text/javascript" src="http://www.x-stat.de/stat.php?id=stocki112"></script> [url='http://x-stat.de/']<font size="1"></font>[/url]






M. Stockinger</p>




 </p>
</div>
</div>
</body>
</html>
 </div>
 <div align="center" id="inhalt">
 <div>


   <p class="Stil1">[b]Die Seite befindet sich noch im Aufbau![/b]</p>
   <p class="Stil1"></p>
   <p class="Stil1">[b]Haben Sie noch ein wenig geduld.[/b]</p>
   <p class="Stil1"></p>
   <p class="Stil1">[b]Matthias Stockinger [/b]</p>
 </div>

 </div>


</div>
</div> 
</body>
</html>

Alles anzeigen

im inetxplorer zeigt er die links nicht so an wie ich es möchte und der a:hover befehl geht im ie auch net... im seamonkey funzt es so wie es soll

sorry, hab vergessen den code zu schicken^^

Code

Dominikgt

also nen hover effekt zeigt er im IE7 an! mach doch mal nen screenshot wie es aussehen soll!
Aber mit dem Quelltext kann es auch nichts werden! Lies dir mal den folgenden Link durch:
http://de.selfhtml.org/html/allgemein/grundgeruest.htm

DrunkenDX

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Obsthof Stockinger</title>
<style type="text/css">




#navi
{width:150px;
 height:auto;
 float:left;
 margin:15px;
 margin-left:0px;
}
 
#inhalt
{width:740px;
 height:auto;
 float:right;
 margin:15px; 
}


.Stil1 {font-size: 30px}
</style>




</head>


<body>
<div align="center">
<div align="center" style="width:960px; height:auto">
 <div id="" align="center">
 <?php
 include "banner.php";
 ?>
 </div>
 <div id="navi" align="left">
 <?php
 include "navi.php";
 ?>
 </div>
 <div align="center" id="inhalt">
 <div>
   <p class="Stil1">[b]Die Seite befindet sich noch im Aufbau![/b]</p>
   <p class="Stil1"></p>
   <p class="Stil1">[b]Haben Sie noch ein wenig geduld.[/b]</p>
   <p class="Stil1"></p>
   <p class="Stil1">[b]Matthias Stockinger [/b]</p>
 </div>

 </div>
</div>
</div> 
</body>
</html>

Alles anzeigen

das is der code von der index.php... die anderen beiden seiten werden via include befehl eingügt...

im ie hab ich keinen hover effektm der text ist unterstrichen was er nicht sein soll und er ist nicht schwarz...

also bei mir funzt es gar net im ie, nur im seamonkey...

DarkSyranus

Moin.
Im IE 7 kann ich keinen Fehler finden.
Ich schätz mal das hängt damit zusammen, dass du mehrmal die selbe ID vergibst.

Zitat

<div id="menue">Über uns</div>
<div id="menue">Produkte</div>
<div id="menue">Anbau</div>

<div id="menue">News</div>
<div id="menue">Kontakt</div>
<div id="menue">Links</div>

Benutzte da class.

Code

<div class="menue">...

Dann im CSS-Code anstatt # musst du . benutzen.
#inhalt <- für id
.inhalt <- für class

SOnst wie gesagt nochmal das Grundgerüst ordentlich angucken =)

DrunkenDX

http://drunkendx.dr.ohost.de/naviIE.JPG

so schauts bei mir im ie aus...

http://drunkendx.dr.ohost.de/naviSM.JPG

so schauts im seamonkey aus...

wie mach ich das, das es im ie genauso aussieht wie im seamonkey....

danke schonmal für eure hilfe

jojo87

Ich hoffe ich versau Syranus und Dominigkt jetzt nicht die Erziehungsmaßnahme:-)

Also: Die Seiten, die du includest, haben alle einen eigenen Doctype, sind komplett eigenständige html-Seiten.
Das macht keinen Sinn, schreib in die Seiten, die du includest, nur den relevanten Code, also z.b. für die Navi nur die links.
:hover effekte für divs kann der ie erst ab version 7, alle davor könnens nur für a:hover.
Es gibt da son Js-script, ich hab aber von js keine Ahnung. google mal nach "son of suckerfish".
Ansonsten machs halt mit <a> und verschiedenen klassen für den ie.

gruß
jojo

Sorry, vergessen:
die css angaben aus den includierten seiten setzt du in <style> tag der index.php

DrunkenDX

ich habe jetzt eine seperate css datei erstellt... den ganzen anderen quatsch rausgenommen das ich wieder einen vernünftigen aufbau habe und auch in die css datei den a:hover efekt eingefügt... bis jetzt geht auch alles, ausser der hover effekt im ie...

aber schonmal vielen dank für eure hilfe!

jojo87

zeig mal den css code

DrunkenDX

Code

/* CSS Document */




.start
{background-image:url(navi.jpg)
}


#navi
{width:150px;
 height:auto;
 float:left;
 margin:15px;
 margin-left:0px;
}
 
#inhalt
{width:740px;
 height:auto;
 float:right;
 margin:15px; 
}
a:visited {
 color:#000000;
 text-decoration:none;
 font-size:18px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bolder;
 }


.menue:visited {
 color:#000000;
 text-decoration:none;
 font-size:18px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bolder;
 }  

a:link {
 color:#000000;
 text-decoration:none;
 font-size:18px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bolder;
 }
 
.menue {
 border:#000000 2px solid;
 margin:2px;
 width:100px;
 height:25px; 
 background-color:#99FF99;
 background-image:url(navibut.jpg);
 }
 
.menue:hover {
 background-image:url(navion.jpg);
}
 
a:hover {
 background-image:url(navion.jpg);
}
 
#banner 
{width:950px;
 height:175px;
 border:#000000;
 font-size:30px;
 font-family:Arial, Helvetica, sans-serif;
 border-style:double;
 background-color:#009900;
 background-image:url(banner.jpg); 
 }

Alles anzeigen

hier die css datei..

jojo87

Code

.menue:hover {
 background-image:url(navion.jpg);
}

schreib das mal so:

Code

.menu a:hover {
 background-image:url(navion.jpg);
}

gruß,
jojo

DrunkenDX

funzt auch net^^
trotzdem danke...
sehr seltsame angelegenheit...

jojo87

so, nu aber:

Das ist das js-script, von dem ich vorhin gesprochen habe:

Code

<script type="text/javascript"><![CDATA[//><!--


sfHover = function() {
	var sfEls = document.getElementById("menu").getElementsByTagName("DIV");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


//--><!]]></script>

Alles anzeigen

Den Abschnitt kopierst du in deinen <head>.
Der ie<7 kann halt einfach anders keine .class:hover-effekte. So gehts aber:-)

Dann noch folgendes in der index.php:

Code

<div align="center" style=" margin:15px">
<div class="menue">[url='#']Über uns[/url]</div>

zu:

Code

<div id="menu" align="center" style=" margin:15px">
<div class="menue">[url='#']Über uns[/url]</div>

Nun kommt noch das hier in die css:

Code

.menue:hover, #menu div.sfhover {
 background:url(dein_bild);
}

Bitte sag mir, dass es klappt.....

DrunkenDX

es geht... vielen vielen dank!!!

ich hab zwar das js nicht verstanden aber ich habs wenigsten trotz include befehlen einbauen können...

benutzt seamonkey jetzt auch das js oder immernoch css?

ich sollt mich vieleicht doch eher wieder meinem eigentlichen beruf widmen...

vielen dank!!!

jojo87

Seamonkey benutzt nahc wie vor css.
Das script ist nur für ie.
Ich habe von js auch keine ahnung, das script ist von http://www.htmldog.com,
ich habs nur für dich etwas verändert. (da fällt mir ein: vielleicht setzt du im quelltext neben das script eine kommentarzeile, wo drinsteht, wo du es her hast)
Es generiert eine Funktion namens sfhover, welche den css :hover-effekt simuliert. oder so ähnlich.

Und mach ja weiter mit webdesign

DrunkenDX

poste mir grad das kommtar das ich einfügen soll mit allen dazugehörigen zeichen, dann werde ich das machen... eintrag ins impressum kann ich auch machen wenn cih fertig bin

ich hatte nicht vor damit aufzuhören... wobei das so gar nix mit meinem beruf als obstbauer zu tun hat...;-)

jojo87

Und das einfach neben oder unter oder über oder sonstwo das script.

Machste gute Schnäpse??:D

DrunkenDX

mehrfache auszeichnungen in gold... genau wie auf den fruchtsecco...

ich werde das hinzufügen... egal ob ob ich noch was an der navi irgendwann mal ändern werde...

edit: comment hinzugefügt

Tags