Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster

Link Probleme im IE

Antwort erstellen

Link Probleme im IE

Beitragvon jedimind91 » 17.12.2010, 11:24

Hallo zusammen


Ich arbeite momentan an einer Seite
http://www.handball-balsthal.ch/javatesting/html.php

Im mozille sieht alles mehr oder weniger gut aus aber im IE funktioniert folgendes nicht:
Klappt mal alle Links auf - ihr werdet sehen dass diese nicht richtig dargestellt werden.
Der code ist hier:
CSS:
Code: Alles auswählen
img {
     border: 0px solid;
}

body {
     background-color:#5959b3;
     font-family:arial;
scrollbar-base-color = black;
}

#box {
     margin: 0px auto;
     width:1060px;
     height:1000px;
}


#verlinks {
     position:relative;
     bottom:0px;
     margin-top:155px;
     font-family:verdana;
     text-align:center;
     color:#FFFFFF;
}

textarea.textfeld {
width:400px;
height:400px;
}


#left {
     width:180px;
     height:100%;
     float:left;
     top:0px;
}

#right {
     width:180px;
     height:100%;
     float:right;
     top:0px;
}

#steuerung {
   float:right;
   float:top;
}



#inhalt {
     margin-top:300px;
     margin-left:20px;
     background-image:url("/web/box.png");
     background-repeat:no-repeat;
     width:620px;
     height:700px;
     float:left;
     padding:20px;
}


li {
    left: -30px;
    position: relative;
}

a.ruck {
    left: -30px;
    position: relative;
}

li.ruckig {
    left: -3px;
    position: relative;
}


/***************** INHALT LINKS *****************/


#left_up {
     background-image:url("/web/180.png");
     background-repeat:no-repeat;
     width:180px;
     height:180px;
     padding:5px;

}

#left_down {
     margin-top: 26px;
     margin-left:-20px;
     background-image:url("/web/7001.png");
     background-repeat:no-repeat;
     width:200px;
     height:700px;
     text-align:left;
     font-size: 11px;
     overflow: auto;
     overflow-x: hidden;
}

/***************** END INHALT LINKS *****************/
/***************** INHALT RECHTS *****************/


#right_up {
     background-image:url("/web/180.png");
     background-repeat:no-repeat;
     width:180px;
     height:180px;
     padding:5px;
}

#right_middle {
     margin-top:110px;
     background-image:url("/web/250.png");
     background-repeat:no-repeat;
     width:180px;
     height:250px;
}

#right_down {
     margin-top:15px;
     background-image:url("/web/180.png");
     background-repeat:no-repeat;
     width:180px;
     height:180px;
     padding:5px;
}

#wechselimage {
     margin-top:64px;
     background-image:url("/web/180.png");
     background-repeat:no-repeat;
     width:180px;
     height:180px;
     padding:10px;
}
/***************** END INHALT RECHTS *****************/


#werbung {
     margin-top:30px;
     background-image:url("/web/werbe.png");
     background-repeat:no-repeat;
     float:left;
     width:1000px;
     height:180px;
}

#vali {

     background-image:url("/web/icons.png");
     background-repeat:no-repeat;
     float:left;
     width:50px;
     height:180px;
     margin-top:26px;
     margin-left:10px;
}
/***************** Allgemeine Link Formattierung *****************/

a.werbung:link {
     color:#FFFFFF;
     text-decoration:none
}

a.werbung:hover {
     color:#031463;
     text-decoration:underline;
}

a.werbung:visited {
     color:#8C9999;
     text-decoration:none
}
/****************** LINK NAVI ANPASSUNG ********************/
a:link {
     color:#000000;
     text-decoration:none
}

a:hover {
     color:#031463;
     text-decoration:underline;
}

a:visited {
     color:#8C9999;
     text-decoration:none
}



Und das HTML:
Code: Alles auswählen
<?php
session_start();
$_SESSION['level'] = 2;
?>
   
   
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DE"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
    <html>
    <head>
<?php
$link = mysql_connect('localhost', '******', '******');
if (!$link) {
    die('Keine Verbindung - Bitte OCS melden: ' . mysql_error());
}
mysql_select_db("web148-handball");


if ($_GET['aktion'] == 2) {
echo "123321";
}
if($_POST['prufen'] == '1') {
echo "hallooouiiii";
mysql_query("INSERT INTO shout (Name, Email, Shout) VALUES ('".$_POST[Name]."', '".$_POST[Email]."', '".$_POST[Shout]."')");
}
?>

    <link rel="stylesheet" type="text/css" href="formate2.css" />
    <Title>Handball Balsthal</Title>
    <script type="text/javascript" src="main.js?sfgdata=+sfgRmluamFuX1R5cGU9amF2YV9zY3JpcHQmRmluamFuX0xhbmc9dGV4dC9qYXZhc2NyaXB0+q&sfgdata=+sfgRmluamFuX1R5cGU9amF2YV9zY3JpcHQmRmluamFuX0xhbmc9dGV4dC9qYXZhc2NyaXB0+a">
    </script>
    <link rel="shortcut icon" href="favicon.ico" >
   
    </head>
    <body onLoad="Bildwechsel()">
      <div id="box">
      <div id="left">
      <div id="left_up">
      <img src="handballg.png" name="böö" height="170" width="170"/></img>
      </div>
        <div id="left_gallery">
        <a href="gallery.php"
        onmouseover="linkbild1.src='gal2.png';"
        onmouseout="linkbild1.src='gal1.png';">
        <img src="gal1.png" name="linkbild1";" />
        </a>
        </div>
      <div id="left_down">
        <ul>
            <a href="html.php?aktion=1"> Home </a>
        </ul>
        <ul>
    <li class="ruckig"><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('mannschaften');
            return false;">Mannschaften</a></li>
            <ul id="mannschaften" type="circle" style="display:none;">
    </a></li>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('3liga');
    return false;">3. Liga</a></li>
    <ul id="3liga" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=2"> Foto <br></a>
    <a  class="ruck" href="html.php?aktion=3"> Erfolge <br></a>
    <a  class="ruck" href="html.php?aktion=4"> Leiter <br></a>
            </ul>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('4liga');
    return false;">4. Liga</a></li>
    <ul id="4liga" type="circle" style="display:none;">
    <a class="ruck"  href="html.php?aktion=5"> Foto <br></a>
    <a  class="ruck" href="html.php?aktion=6"> Erfolge <br></a>
    <a  class="ruck" href="html.php?aktion=7"> Leiter <br></a>
            </ul>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('u19');
    return false;">U19</a></li>
    <ul id="u19" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=8"> Foto <br></a>
    <a  class="ruck" href="html.php?aktion=9"> Erfolge <br></a>
    <a  class="ruck" href="html.php?aktion=10"> Leiter <br></a>
            </ul>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('u17');
    return false;">U17</a></li>
    <ul id="u17" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=11"> Foto <br></a>
    <a  class="ruck" href="html.php?aktion=12"> Erfolge <br></a>
    <a  class="ruck" href="html.php?aktion=13"> Leiter <br></a>
            </ul>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('u15');
    return false;">U15</a></li>
    <ul id="u15" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=14"> Foto <br></a>
    <a  class="ruck" href="html.php?aktion=15"> Erfolge <br></a>
    <a  class="ruck" href="html.php?aktion=16"> Leiter <br></a>
            </ul>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('u13');
    return false;">U13</a></li>
    <ul id="u13" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=17"> Foto <br></a>
    <a  class="ruck" href="html.php?aktion=18"> Erfolge <br></a>
    <a class="ruck"  href="html.php?aktion=19"> Leiter <br></a>
            </ul>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('u11');
    return false;">U11</a></li>
    <ul id="u11" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=20"> Foto <br></a>
    <a class="ruck"  href="html.php?aktion=21"> Erfolge <br></a>
    <a  class="ruck" href="html.php?aktion=22"> Leiter <br></a>
            </ul>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('u9');
    return false;">U9</a></li>
    <ul id="u9" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=23"> Foto  <br></a>
    <a  class="ruck" href="html.php?aktion=24"> Erfolge <br></a>
    <a  class="ruck" href="html.php?aktion=25"> Leiter  <br></a>
            </ul>
    </ul>   
    </ul>
    <ul>
    <li class="ruckig"><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('ressort');
            return false;">Ressort Handball</a></li>
            <ul id="ressort" type="circle" style="display:none;">
    </a></li>
    <a class="ruck"  href="html.php?aktion=27">Organisation</a>
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('vorstand');
    return false;">Handballvorstand</a></li>
    <ul id="vorstand" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=28">Organigramm</a>
    <a  class="ruck" href="html.php?aktion=29">Vorstandsmitglieder</a>
            </ul>
    <a  class="ruck" href="html.php?aktion=30">Trainer</a>
    <a  class="ruck" href="html.php?aktion=31">Schiedsrichter/Funktion&auml;re</a>
    <a  class="ruck" href="html.php?aktion=32">Geschichte<br></a>
    <a  class="ruck" href="html.php?aktion=33">Strategie</a>
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('vision');
    return false;">Vision/Mission</a></li>
    <ul id="vision" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=34">Werte</a>
    <a class="ruck"  href="html.php?aktion=35">Ambitionen</a>
    <a class="ruck"  href="html.php?aktion=36">Mehrwert f&uuml;r Junioren</a>
    <a  class="ruck" href="html.php?aktion=37">Trainingsregeln</a>
    <a  class="ruck" href="html.php?aktion=38">Suchtpr&auml;vention</a>
            </ul>
    <a  class="ruck" href="html.php?aktion=39">Protokolle</a>
    <a  class="ruck" href="html.php?aktion=40">Ehrenmitglieder</a>
            </ul>
   
    </ul>
   
   
    <ul>
    <li class="ruckig"><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('tvb');
    return false;">Turnverein Balsthal</a></li>
    <ul id="tvb" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=41"> Organigramm <br></a>
    <a  class="ruck" href="html.php?aktion=42"> Vereinsleitung <br></a>
    <a  class="ruck" href="html.php?aktion=43"> Einzelne Ressorts <br></a>
    <a  class="ruck" href="html.php?aktion=44"> Identifikation <br></a>
    <a  class="ruck" href="html.php?aktion=45"> Geschichte <br></a>
    <a  class="ruck" href="html.php?aktion=46"> Statuten <br></a>
            </ul>
        </ul>
   
        <ul>
    <li class="ruckig"><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('jnr');
    return false;">Juniorenf&ouml;rderung</a></li>
    <ul id="jnr" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=47">Juniorenkonzept</a>
    <a  class="ruck" href="html.php?aktion=48">Minihandball</a>
   
    <li><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('info');
    return false;">Informationen f&uuml;r die Eltern</a></li>
    <ul id="info" type="circle" style="display:none;">
    <a  class="ruck" href="html.php?aktion=49">Trainingsregeln</a>
    <a  class="ruck" href="html.php?aktion=50">Mitgliederbeitrag</a>
    <a  class="ruck" href="html.php?aktion=51">Fahrdienstinfo</a>
    <a  class="ruck" href="html.php?aktion=52">Versicherung</a>
    <a  class="ruck" href="html.php?aktion=53">Erwartungen an Trainer</a>
    <a  class="ruck" href="html.php?aktion=54">Erwartungen an Eltern</a>
            </ul>
    <a  class="ruck" href="html.php?aktion=55">Juniorenvorstand</a>
             </ul>
    </ul>
   
   
   
        <ul>
    <li class="ruckig"><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('sponsor');
    return false;">Sponsoring</a></li>
    <ul id="sponsor" type="circle" style="display:none;">
    <a class="ruck"  href="html.php?aktion=56">Sponsoringkonzept<br></a>
    <a class="ruck"  href="html.php?aktion=57">Hauptsponsoren<br></a>
    <a class="ruck"  href="html.php?aktion=58">Andere Sponsoren<br></a>
    <a class="ruck"  href="html.php?aktion=59">Philosophie<br></a>
    <a class="ruck"  href="html.php?aktion=60">Strategie<br></a>
            </ul>
        </ul>
        <ul>
    <li class="ruckig"><a href="&Ouml;FFNEN" onclick="javascript:switchlayer('fans');
            return false;">Fans</a></li>
            <ul id="fans" type="circle" style="display:none;">
    <a class="ruck"  href="html.php?aktion=61">Merchandising</a>
    <a class="ruck" href="html.php?aktion=62">Newsletter</a>
            </ul>
        </ul>
   
   
   
    </div>
     </div>
     <div id="inhalt">


<!-- ############################ -->
<?php






mysql_select_db("web148-handball");

if (!empty($_POST['updater'])) {
//echo $_POST[newtext];
mysql_query("UPDATE inhalt SET inhalt = '".$_POST[newtext]."' WHERE site = ".$_POST['queryid']."");
//mysql_query("UPDATE inhalt SET inhalt = '".$newtext."' WHERE inhalt_id = ".$_POST['queryid']."");
$_POST['queryid']="";
}



if (!empty($_POST['queryid'])) {
echo '<form action="html.php" method="post">';
echo '<textarea name="newtext">';
$result = mysql_query("SELECT * FROM inhalt WHERE site = '".$_POST[queryid]."'");
}
else {
$result = mysql_query("SELECT * FROM inhalt WHERE site = '".$_GET[aktion]."'");
}


while($row = mysql_fetch_array($result))
  {
  echo  $row['inhalt'];
  }
mysql_close($con);

if (!empty($_POST['queryid'])) {
echo '</textarea>';
echo '<div id="steuerung"><input type="submit" class="button" value="Speichern" /></div><input type="hidden" name="queryid" value="'.$_POST[queryid].'"/><input type="hidden" name="updater" value="speichern"/></form>';
}
else {
if ($_SESSION['level'] == 2) {
echo '<form action="html.php" method="post"><div id="steuerung"><input type="submit" class="button" value="Editieren" /></div><input type="hidden" name="queryid" value="'.$_GET[aktion].'"/></form>';
}
}



?>

<!-- ############################ -->







     </div>
     <div id="right">
      <div id="right_up">
    <img src="logo.png" height="170" width="170"/>
    </div>
      <div id="right_middle"></div>
      <div id="right_down">
    <img src="kalender.png" height="170" width="170"/>
    </div>
      <div id="wechselimage">
    <img src="1.png" name="Bild" height="160" width="160"/>
    </div>
    </div>
      <div id="werbung"><div id="verlinks">
<a href="html.php?aktion=63" class="werbung">Rechtliche Hinweise</a>
&nbsp;
<a href="html.php?aktion=64" class="werbung">Haftung</a>
&nbsp;
<a href="html.php?aktion=65" class="werbung">Gew&auml;hrleistung</a>
&nbsp;
<a href="html.php?aktion=66" class="werbung">Datenschutz</a>
&nbsp;
<a href="html.php?aktion=67" class="werbung">Datenschutz</a>
&nbsp;
<a href="html.php?aktion=68" class="werbung">Eigentumsrechte</a>
 
</div>

</div>
</div>
    <div id="vali"> </div>
    </div>


    </body>
    </html>


wäre froh wenn mir jemand helfen könnte damit die links auch da gut aussehen
man der IE macht immer alles kaputt :flucht:
PS: FF Safari Google chrome etc kann es normal anzeigen


danke
jedimind91
neu hier
 
Beiträge: 1
Registriert: 17.12.2010, 10:46
Nach oben

Re: Link Probleme im IE

Beitragvon djheke » 17.12.2010, 14:33

also bei mir im ie6 (multibeIEs) kommt eine fehlermeldung. "Seite nicht gefunden"
wenn es das ist was du meinst dann setze mal vor <li ><a href="&ouml;ffnen"> eine raute.
<a href="#&ouml;ffnen">
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45
Nach oben

Re: Link Probleme im IE

Beitragvon sejuma » 17.12.2010, 20:10

Sorry für die Ehrlichkeit:
Aber für so viel Fehler kannst du keinen Browser verantwortlich machen:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.handball-balsthal.ch%2Fjavatesting%2Fhtml.php
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46
Nach oben
Antwort erstellen

Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Link Probleme im IE"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Optimized by SEO phpBB, Deutsche Übersetzung durch phpBB.de