[HTML/CSS] IE macht Trouble

benni_84

Hi zusammen,
bin neu hier und hab au gleich mal ein problem

mein entwurf ist im FFox nach Wunsch, aber im IE6 bewegt/resized sich das Menü nicht mit bzw. es passt sich net an wie im FFox.

hier der link zum testen:
http://home.arcor.de/benni_84/rradio/TEST.html

Über vorschläge freue ich mich und schon im voraus vielen danK! =)

yeti66

Siehe body und wrapper

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Suckerfish Dropdowns</title>
<style type="text/css">
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/*+++++neu hizugekommen+++++*/
body{ text-align:center;}
#wrapper {width:850px;margin: 0 auto;}
/*+++++neu hizugekommen++Ende+++*/
#content {background:#E1DDCE;border-top-color:white;border-top-style:solid;border-top-width:10px;padding-top:65px;border-bottom-color:white;border-bottom-style:solid;    border-bottom-width:10px;padding-bottom:25px;}
/* MENÜSTRUKTUR aufbauen */
#navcontainer {background-color:white;border-bottom-color:#563302;border-bottom-style:solid;border-bottom-width:thin;}
#navcontainer a {text-decoration: none;}
#navcontainer ul {padding: 0;margin: 0;list-style-type: none;position: relative;font-size:1.1em;}
#navcontainer li {display: inline;}
/*1st level elements*/
#navcontainer ul {/*border-top: 1px solid #36c;border-bottom: 1px solid #36c;background-color: #36c; */padding: 2px 0;margin-bottom: 10px;}
#navcontainer li {margin: 0 0 0px;}
#navcontainer ul a, #navcontainer ul a:link/*,#navcontainer ul a:visited*/ {color: #9F8E71; /* inaktiv hell-grau */padding: 0px 25px;}
#navcontainer ul a:hover, #navcontainer ul a:focus {color:#563302; /* aktiv weinrot */}
/*current Link*/
#navcontainer ul a#current, #navcontainer ul a#current:link, #navcontainer ul a#current:visited {font-weight: bold;color:#563302;}
/*Second and subsequent levels*/
#navcontainer ul ul {font-size: 80%;position: absolute;top: 65px;left: 1px;width: auto;}
#navcontainer ul ul li {display: inline;}
#navcontainer ul ul a, #navcontainer ul ul a:link, #navcontainer ul ul a:visited {/* border: 1px solid green; */}
#navcontainer ul ul a:hover, #navcontainer ul ul a:focus {color:#563302;}
/*current Link*/
#navcontainer ul ul a#subcurrent, #navcontainer ul ul a#subcurrent:link, #navcontainer ul ul a#subcurrent:visited {font-weight: bold;color:#563302;}
</style>
</head>
<body>
<div id="wrapper">
  <!-- HEADER SAMT MENÜ -->
  <div id="header">
    <div id="navcontainer">
      <ul id="navlist">
        <li id="active"><a href="#" id="current">Systemische Beratung</a>
          <ul id="subnavlist">
            <li id="subactive"><a href="#" id="subcurrent">SBeratung ITEM 1</a></li>
            <li><a href="#">Subitem two</a></li>
            <li><a href="#">Subitem three</a></li>
            <li><a href="#">Subitem four</a></li>
          </ul>
        </li>
        <li><a href="#">Systemisches Coching</a></li>
        <li><a href="#">Mediation</a></li>
        <li><a href="#">&Uuml;ber mich</a></li>
        <li><a href="#">Kontakt</a></li>
      </ul>
    </div>
  </div>
  <!-- CONTENT MITTE-->
  <div class="clearfix" id="content" >
    <!-- BILDBOX LINKS -->
    <div style="float: left;  margin-left:20px; margin-right:10px; height: auto; border: 1px solid silver; background: #EC7405; padding-left:5px; padding-top:5px">
      <p>ctus et L. Iquam factudere, ublintem. Sicia<br />
        nosum omne cam norum facchi, unclessulnosum<br />
        omne cam norum facchi, unclessul</p>
      <img src="http://home.arcor.de/benni_84/rradio/images/giraffen.jpg" width="438" height="259" alt="Giraffen" /> </div>
    <!-- BILDBOX ENDE -->
    <!-- CONTENT TEXT -->
    <div style="padding-top: 95px;" >Details zu erfassen und Menschen empathisch zu verstehen.<br />
      Iviverobsent? Cus hoc, pere iam inguleris la videm missessatum, <br />
      et virim dientius. Verriss ulostractum inpra rent? Quo esceribus omnorum<br />
      ingulerdit factus et L. Iquam factudere, ublintem. Sicia det? Esses lo-<br />
      cum crensultu iae in det am cus cus core qua int. Scienihil urnium dius? <br />
      quid crenat iam nosum omne cam norum facchi, unclessulin temovemssssin Itam<br />
      quid crenat iam nosum omne cam norum facchi, unclessulin temovemus  ad in Itam<br />
      P. Evit ex mantius pes horbis et; inculinerem num talegitus, <br />
      untena, nostratum inve, cum in tiam ac verobsendum peribem orterfi <br />
      rmiurni ssescepotin num terissilina, me atium fit forbempride temur aut<br />
      audacch umeis, consul virmaio sFacia caet im musqui consiliurnum iam,<br />
      audacch umeis, consul virmaio sFacia caet im musqui consiliurnum iam, <br />
      vid in rent, quam se nonsum aurs acii pratuitabut cond </div>
  </div>
  <!--  START FOOOTER  -->
  <div id="footer" style="background:white; border-top-color:#563302;border-top-style:solid; border-top-width:thin; ">
    <div style="font-family:Arial, Helvetica, sans-serif; font-size:1.3em; text-align:right; padding-right: 80px; padding-top:5px; padding-bottom:5px; color:#EC7405">Monika Sorg<img src="http://home.arcor.de/benni_84/rradio/images/logo_blume.jpg" alt="Blumenlogo" width="93" height="92" /></div>
  </div>
</div>
</body>
</html>

Alles anzeigen

Unregistriert

vielen dank! funktioniert =)

Tags