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

hr trennlinie-- Browserweiche??

Status
Für weitere Antworten geschlossen.
M

micha_eintausend

Neues Mitglied
Hallo!
Ich habe ein Problem! Bin Anfänger und versuche eine Linie einzufügen(habe es versucht als Grafik und mit hr) die genau positioniert werden soll(zwischen Menü und Untermenü).
Es zeigt in IE 7 das ganz anders an als im Firefox und die gesamt Position stimmt auch nicht.
Wäre dankbar für jede Hilfe.#
Hier mein Quelltext:---
Code: 
<style type="text/css">

body {
 font-family:  Helvetica, Verdana, Arial, sans-serif;
 font-size: 0.96em;
 margin: 0;
 background-color: #534C44;
 background-image:url(bilder/kachel.gif);
 background-repeat:repeat-x;
}

/* Hauptcontainer */
#layout {
 height: 600px;
 width:  955px;
 margin: 0 auto 0 auto;
 border: 1px solid #000033;
}
#titel{
 margin-top: 0px;
 height: 75px;
 /*border: 1px solid #000033;*/
}
#inhalt {
 height: 420px;
 /*border: 1px solid #000033;*/
}
#fuss {
 height: 105px;
 /*border: 1px solid #000033;*/
}

/* Navigation */

div#Rahmen {
    width: 47.1em;
    padding: 0.15em;
}
/* Korrektur fuer Internet Explorer */
  * html div#Rahmen {
    width: 48.7em;
  }

ul#Navigation {
    margin: 0;
  padding: 0;
    text-align: center;
}

ul#Navigation li {
    list-style: none;
    float: left;
    width: 8.6em;
    position: relative;
    margin: 0.4em;
  padding: 0;
}
   /* Korrektur fuer Internet Explorer */
* html ul#Navigation li {
    margin-bottom: -0.4em;
}
   /* Korrektur fuer Internet Explorer */
*:first-child+html ul#Navigation li {
    margin-bottom: -0.1em;
}

ul#Navigation li ul {
    margin: 0;
  padding: 0;
    position: absolute;
    top: 1em;
  left: -0.4em;
}
 /* Korrektur fuer Internet Explorer */
* html ul#Navigation li ul {
    left: -1.5em;
  }
ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
}

ul#Navigation a, ul#Navigation span {
    text-decoration: none;
  font-size: small;
  color:#FFFFFF;
}
 /* Korrektur fuer Internet Explorer */
* html ul#Navigation a, * html ul#Navigation span {
    width: 6.4em;
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
  color: #8E9194;
}
li a#aktuell {
    color: #8E9194;
}
ul#Navigation li ul span {
    color: #8E9194;
}
#linie {
 padding-top: 25px;
 width: 650px;
 position: absolute;
}

</style>
</head>

<body>
<div id="layout" align="center">
<div id="titel" align="center"><img src="bilder/schriftzug.gif"></div>

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



<div id="fuss" align="center">
 <img src="bilder/linie.gif" align="bottom"id="linie">
   <!-- <hr noshade size="1" id="linie"> -->

  <div id="Rahmen">
   <ul id="Navigation">
      <li><a href="">HOME</a></li>
  <li><a id="aktuell" href="#">ARCHITEKTUR</a>
        <ul>
         <li><a href="#">ARCHITEKTUR 2</a></li>
         <li><span>ARCHITEKTUR 3</span></li>
 </ul>
      </li>
  <li><a href="#">EVENT</a>
 <ul>
         <li><a href="#">E_a</a></li>
         <li><a href="#">E_b</a></li>
       </ul>
  </li>
  <li><a  href="#">KONTAKT</a></li>

  <li><a href="#">CREDITS</a></li>
   </ul>
   <div>
 </div>
</div>

</div>

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

--------Vielen Dank!!!!------------------------------
Gruß
Micha
 
Zuletzt bearbeitet von einem Moderator:
Was ist das ?
Code: 
<img src="linie.gif" align="bottom"id="linie">
align= entweder left, right oder center. "bottom" gibt es nicht bei align.
Wenn du schon absolute Position angibst, dann muß die Position auch angegeben werden:

Code: 
position: absolute;
top: 5px;
left: 5px;
Aber vermeide nach möglichkeit absolute Positionen.
 
Zuletzt bearbeitet von einem Moderator:
das war mein letzter Versuch, habe es versucht mit align= center und habe es versucht mit einem Bild von einer Linie und mit hr, nix funktionierte.
Und wenn ich es mal hingekriegt habe dann war die Linie Firefopx-OK und im IE 7 verschoben!
Gruß und danke für die schnelle Antwort
Micha

übrigens was sind die Code-Tags, damit die Mods nicht sauer werden??!!
(bin blutiger Anfänger mit etwas Kenntnisse:wink:)
Gruß#
Micha
Edit :habe bottom raus genommen und top: 500px; left: 510px;-- sieht im Firefox gut aus aber im IE 7 völlig daneben!!--?--
(alles klar habe mir die regeln gerade durchgelesen--sorry!!)
 
Zuletzt bearbeitet:
micha_eintausend

Bitte mache dich mal mit den Forenregeln vertraut:
- Beim posten von Codes die Code-Tags im Forum nutzen
- Keine Mehrfachpostings, sondern die Editier-Funktion nutzen.

Danke.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben