• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

css problem im ie

Status
Für weitere Antworten geschlossen.

DrunkenDX

Neues Mitglied
hallo

meine seite wird im seamonkey richtig angezeigt... im ie geht der hover effekt nicht und der restliche css code für die links auch net.. kann mir jmd helfen???

die index seite ladet via php befehl include die anderen seiten an die richtige stelle... deshalb auch der wiederholte html tag.

ich steh voll auf dem schlauch :-(

css oder html problem?


Obsthof Stockinger

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">
 <html>
<head>

<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">
 
<head>

<style type="text/css">

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);
 }
 
#menue:visited {}   
</style>

</head>

<body style="background-image:url(navi.jpg)">
<div>
<div align="center" style=" margin:15px">
<div id="menue"><a href="#" target="_self">Über uns</a></div>
<div id="menue"><a href="#" target="_self">Produkte</a></div>
<div id="menue"><a href="#" target="_self">Anbau</a></div>
<div id="menue"><a href="#" target="_self">News</a></div>
<div id="menue"><a href="#" target="_self">Kontakt</a></div>
<div id="menue"><a href="#" target="_self">Links</a></div>

</div>
<div align="center">
<p>&nbsp;</p
><!-- X-STAT START : CODE NICHT VERÄNDERN -->
<script language="JavaScript" type="text/javascript" src="http://www.x-stat.de/stat.php?id=stocki112"></script> <a href="http://x-stat.de/" target="_blank"><font size="1"></font></a>
<!-- X-STAT ENDE : CODE NICHT ÄNDERN -->
<p></p>
<p>&nbsp; </p>
</div>
</div>
</body>
</html>
 </div>
 <div align="center" id="inhalt">
 <div>
   <p class="Stil1"><strong>Die Seite befindet sich noch im Aufbau!</strong></p>
   <p class="Stil1">&nbsp;</p>
   <p class="Stil1"><strong>Haben Sie noch ein wenig geduld.</strong></p>
   <p class="Stil1">&nbsp;</p>
   <p class="Stil1"><strong>Matthias Stockinger </strong></p>
 </div>
  
 </div>
</div>
</div> 
</body>
</html>
 
die index seite ladet via php befehl include die anderen seiten an die richtige stelle... deshalb auch der wiederholte html tag.
und wie oft genau darf das html-tag in einem html-dokument vorkommen?
ich steh voll auf dem schlauch :sad:
  1. darf eine id in einem dokument nur einmal vorkommen
  2. funktioniert hover im ie nur bei <a>
css oder html problem?
grundwissenproblem
 
dann ist doch wohl die frage berechtigt warum es mit seamonkey ohne probleme funktioniert und im ie gar nicht???
ausser das mit hover...

wenn es ein grundwissen problem wäre, würde es gar nicht funtionieren...


kann man das ganze dann ie tauglich machen???
 
what the fu** is seamonkey ;ugl

egal welche browsersoftware du benutzt; in einem html-dokument darf das <html></html> nur exakt 1 mal vorkommen!!! aus
 
Hallo.

meine seite wird im seamonkey richtig angezeigt... im ie geht der hover effekt nicht und der restliche css code für die links auch net.. kann mir jmd helfen???
Ja kann ich. IE 7: korrekte Anzeige der Hover-Effekte.

die index seite ladet via php befehl include die anderen seiten an die richtige stelle... deshalb auch der wiederholte html tag.
Furchtbar, furchtbar...
Wenn du mit so ner Seite zum TÜV müsstest ... na gute Nacht.
Wieso die ständigen neuen HTML-Tags?
Gehe wie folgt vor:
1. Erstelle dir ein externe CSS-Datei. Da packst du dann alles rein.
2. Erstelle eine Datei, die der Kopf deiner Seite werden soll, die sollte in etwa so aussehen:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">
<head>
<link rel="stylesheet" type="text/css" href="style.css">  //hier den Pfad zur externen CSS-Datei
<title>Obsthof Stockinger</title>
<meta content="ggf. Autorenname" name="author">
<meta content="ggf. Beschreibung der Homepage" name="description">
</head>
<body>
3. Erstelle eine Datei für die Navigation. Diese dürfte in etwa so aussehen:
Code:
<div>
<div align="center" style=" margin:15px">
<div id="menue"><a href="#">Über uns</a><br />
<a href="#">Produkte</a><br />
<a href="#">Anbau</a><br />
<a href="#">News</a><br />
<a href="#">Kontakt</a><br />
<a href="#" >Links</a></div>
...
Wobei man eigentlich den Tag "align" nicht mehr nutzt.
4. include diese Dateien in eine Datei, in der du den Content direkt einsetzt.

ich steh voll auf dem schlauch :-(

css oder html problem?
wohl beides. Hilfreich ist immer die Adresse SELFHTML.

Gruß,
Körnerbrötchen
 
du meinst also wenn ich eine php datei erstell die ich vie include einfüge brauch ich die ganzen body und html tags nicht mehr?

erstmal danke für deine hilfe...das hat mich schon ein wenig weitergebracht!


seamonkey ist der nachfolger von mozilla....
 
im grundprinzip eigentlich folgendermaßen:

deine HTML-seite, wobei die endung natürlich .php lauten muß:
Code:
<doctype....>
<html>
<title></title>

<body>
...
<div id="irgendeindiv">
...
<?
include("deinemenue.htm");
?>
...
</div>
...
</body
</html>

deine menu.htm
Code:
<ul>

<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>

</ul>
 
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>
<link rel="stylesheet" type="text/css" href="formate.css">
<style type="text/css">




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


</head>

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

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

 </div>
 <div id="navi" align="left">
 



<div>
<div align="center" style=" margin:15px">
<div class="menue"><a href="#" target="_self">Über uns</a></div>
<div class="menue"><a href="#" target="_self">Produkte</a></div>
<div class="menue"><a href="#" target="_self">Anbau</a></div>
<div class="menue"><a href="#" target="_self">News</a></div>
<div class="menue"><a href="#" target="_self">Kontakt</a></div>
<div class="menue"><a href="#" target="_self">Links</a></div>

</div>
<div align="center">
<p>&nbsp;</p
><!-- X-STAT START : CODE NICHT VERÄNDERN -->
<script language="JavaScript" type="text/javascript" src="http://www.x-stat.de/stat.php?id=stocki112"></script> <a href="http://x-stat.de/" target="_blank"><font size="1"></font></a>
<!-- X-STAT ENDE : CODE NICHT ÄNDERN -->
<p></p>
<p>&nbsp; </p>
</div>
</div>

 </div>
 <div align="center" id="inhalt">
 <div>
   <p class="Stil1"><strong>Die Seite befindet sich noch im Aufbau!</strong></p>
   <p class="Stil1">&nbsp;</p>
   <p class="Stil1"><strong>Haben Sie noch ein wenig geduld.</strong></p>
   <p class="Stil1">&nbsp;</p>
   <p class="Stil1"><strong>Matthias Stockinger </strong></p>
 </div>
  
 </div>
</div>
</div> 
</body>
</html>

meinst du das dann so ungefähr?

ich hab das html und body tag problem gelöst... nur gehts im ie bei mir immer noch nicht

hier mal so wie es im seamonkey aussieht und auch aussehn soll:
http://drunkendx.dr.ohost.de/naviSM.JPG

so sieht es bei mir im ie aus:
http://drunkendx.dr.ohost.de/naviIE.JPG
 
ok... den hab ich vergessen zu entfernen...

kann sich mal jmd zu den beiden screens äussern... oder gibt es da keine problemlösung?

danke schonmal für die tag problembehebung...
 
scheiß grün :mrgreen:

das is halt grün ---> obsthof :mrgreen: was soll ich anderes nehmen...


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>
<link rel="stylesheet" type="text/css" href="formate.css">
<style type="text/css">




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


</head>

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

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

 </div>
 <div id="navi" align="left">
 



<div>
<div align="center" style=" margin:15px">
<div class="menue"><a href="#" target="_self">Über uns</a></div>
<div class="menue"><a href="#" target="_self">Produkte</a></div>
<div class="menue"><a href="#" target="_self">Anbau</a></div>
<div class="menue"><a href="#" target="_self">News</a></div>
<div class="menue"><a href="#" target="_self">Kontakt</a></div>
<div class="menue"><a href="#" target="_self">Links</a></div>

</div>
<div align="center">
<p>&nbsp;</p
><!-- X-STAT START : CODE NICHT VERÄNDERN -->
<script language="JavaScript" type="text/javascript" src="http://www.x-stat.de/stat.php?id=stocki112"></script> <a href="http://x-stat.de/" target="_blank"><font size="1"></font></a>
<!-- X-STAT ENDE : CODE NICHT ÄNDERN -->
<p></p>
<p>&nbsp; </p>
</div>
</div>

 </div>
 <div align="center" id="inhalt">
 <div>
   <p class="Stil1"><strong>Die Seite befindet sich noch im Aufbau!</strong></p>
   <p class="Stil1">&nbsp;</p>
   <p class="Stil1"><strong>Haben Sie noch ein wenig geduld.</strong></p>
   <p class="Stil1">&nbsp;</p>
   <p class="Stil1"><strong>Matthias Stockinger </strong></p>
 </div>
  
 </div>
</div>
</div> 
</body>
</html>


das is die index.php

hier die css datei

HTML:
/* 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); 
 }

trotz des a:hover befehls funzt es im ie >7 immernoch nicht...
 
folgendes sollte funktionieren:
Code:
A{
display:block;
height:30px; /* irgendeinefixegrösse */
width:70px; /* irgendeinefixegrösse */
}
A:hover{
background-image:url(deinbild.jpg);
}
 
erstmal danke für deine hilfe... hat bedingt funktioniert... er ladet nun das bild wenn ich die maus drüber zieh... leider geht er nicht mehr in den ursprung zurück sondern das hover bild bleibt auch wenn ich mit der maus weggeh...
klick ich dann auf einen link ändert er das zuletzt mit dem hoverbefehl geänderte fenster und schreibt den inhalt das geklickten links drüber... ganz seltsame angelegenheit... :D
 
also bei mir tut es wie es tun soll. sicher ist irgendwas mit deinem css. am besten von grund auf nochmal anfangen und den code von mir verwenden. dann schritt für schritt. so ist es einfacher den fehler beim debuggen nachzuvollziehen.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben