Beiträge von PixxelDesign
-
-
Hallo liebe Community,
ich habe ein kleines bis großes Problem mit einem CSS-Menü:
http://bisher.creatissima.de/navigation/menu.php
Das Menü wird im IE komplett richtig angezeigt. Der FF stellt es aber ganz und gar falsch dar. Das soetwas mal anders herum passiert kenne ich nur zu gut aus Erfahrung. Aber so rum??????
Hier der HTML-Code:
HTML
Alles anzeigen<link rel="stylesheet" type="text/css" href="/admin_css/template_css.css" /><div> <div id="mainmenu"> <div class="menukopf_home"><a href="/index.php" name="menu1">HOME</a></div> <div class="menukopf"><a href="/ueber_uns/ueber_uns.php" name="menu2">ÜBER UNS</a></div> <ul> <li><a href="/ueber_uns/team.php" name="submenu1">Team</a> </li> <li><a href="/index.php" name="submenu3">Aktuelles</a> </li> <li><a href="/index.php" name="submenu4">Newsletter</a> </li> <li><a href="/index.php" name="submenu5">Anreise</a> </li> <li><a href="/index.php" name="submenu2">Empfehlungen</a> </li> </ul> <div class="menukopf"><a href="/leistungen/leistungen.php" name="menu3">LEISTUNGEN</a></div> <ul> <li><a href="/leistungen/strategieberatung.php" name="submenu11">Strategieberatung</a> </li> <li><a href="/leistungen/public_relations.php" name="submenu6">Public Relations</a> </li> <li><a href="/leistungen/corporate_publishing.php" name="submenu7">Corporate Publishing</a> </li> <li><a href="/index.php" name="submenu8">Werbung</a> </li> <li><a href="/index.php" name="submenu9">Online</a> </li> <li><a href="/index.php" name="submenu10">Werbemittel</a> </li> </ul> <div class="menukopf"><a href="/index.php" name="menu4">REFERENZEN</a></div> <ul> <li><a href="/index.php" name="submenu12">Kunden</a> </li> <li><a href="/index.php" name="submenu13">Projektbeispiele</a> </li> <li><a href="/index.php" name="submenu14">Testimonials</a> </li> </ul> <div class="menukopf"><a href="/index.php" name="menu5">PRESSE CENTER</a></div> <!-- <ul> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> </ul> --> <div class="menukopf"><a href="/index.php" name="menu6">KONTAKT</a></div> <div class="menukopf_letzter"></div> <div id="kundenlogin"> <a href="/index.php" name="kundenlogin"><img src="/images/link_bg_kundenlogin.jpg" alt="" name="kundenlogin_img" width="151" height="25" /></a></div> </div> </div>
Und hier der Inhalt der CSS-Datei:
Code
Alles anzeigen#body, html {width: 1060px;} img {border: 0;} #left {width: 200px; background-image: url('../admin_images/left_bg.jpg'); background-repeat: no-repeat; background-color: #FFFFFF; float:left;} #content {width: 825px; background-image: url('../admin_images/content_bg.jpg'); background-repeat: no-repeat; background-color: #FFFFFF; float:left;} #mainmenu {padding-left: 50px; padding-top: 100px;} .menukopf {letter-spacing: 1px; padding-bottom: 0px;} .menukopf a {text-decoration: none; background-image: url('../images/link_bg_normal.jpg'); background-repeat: no-repeat; padding: 5px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10pt; width: 100%; background-position: 2px 0px;} .menukopf a:hover, .menukopf a:active {text-decoration: none; background-image: url('../images/link_bg_aktiv.jpg'); background-repeat: no-repeat; padding: 5px; color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 10pt; width: 100%;} .menukopf_home a {letter-spacing: 1px; text-decoration: none; background-image: url('../images/link_bg_home.jpg'); background-repeat: no-repeat; padding: 5px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10pt; width: 100%; background-position: 2px 0px;} .menukopf_home a:hover, .menukopf_home a:active {letter-spacing: 1px; text-decoration: none; background-image: url('../images/link_bg_aktiv.jpg'); background-repeat: no-repeat; padding: 5px; color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 10pt; width: 100%;} #mainmenu ul {display: block; list-style-type: none; width: 100%; margin-left: 0px; padding-left: 1px; padding-top:0px;} #mainmenu ul li {width: 100%; margin-bottom: 0px;} #mainmenu ul li a, #mainmenu ul li a:hover, #mainmenu ul li a:active {text-decoration: none; background-image: url('../images/link_bg_sub.jpg'); background-repeat: no-repeat; padding: 3px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10pt; width: 100%;} #mainmenu_letzter ul {border-bottom: 1px solid #000000; display: block; list-style-type: none; width: 100%; margin-left: 0px; padding-left: 1px; padding-top:0px;} #mainmenu_letzter ul li {width: 100%; margin-bottom: 0px;} #mainmenu_letzter ul li a, #mainmenu_letzter ul li a:hover, #mainmenu_letzter ul li a:active {text-decoration: none; background-image: url('../images/link_bg_sub.jpg'); background-repeat: no-repeat; padding: 3px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10pt; width: 100%;} #kundenlogin {padding-top: 20px; margin-left: 0px;} #beitrag {padding-left: 50px; padding-top: 400px;} #beitrag_team {padding-left: 50px; padding-top: 400px;} #bilder_team {padding-top: 35px;} #bilder_team a {padding: 2px; border: 0;} #ueberschrift {color: D12741; font-family: Arial, Verdana, sans-serif; font-size: 14pt; font-weight: bold; width: 400px;} #inhalt {color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10pt; width: 480px; padding-top: 20px;} #newsbox {margin-top: 310px; margin-left: 40px; background-image: url('../images/bg_newsbox.jpg'); background-repeat: no-repeat; width: 150px; height: 317px;} #footer {clear:both; margin-left: 50px; padding-top: 50px; font-family: Arial, Verdana, sans-serif; font-size: 10pt;} #footer a {font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #000000;} #footer_copy {} #beschreibung {padding-top: 30px;} #team_name {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; padding-bottom: 10px; width:400px;} #team_img {float:left;} #team_besch {float:left; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; width: 300px;} #team_tel_mail {clear:both; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
was mache ich falsch? Sicher ist es etwas ganz simples, aber wenn man den Code dauernd sieht, dann gewöhnt man sich leider an den Anblick! Vll. könnt ihr mir ja auf die Sprünge helfen!
Bin für jede Idee dankbar!
Beste Grüße!
Bernhard
-
Hallo Zusammen!
Folgendes Problem: Auf der Website http://www.kloesterl-exquisit.de/ ist das Menü, naja sagen wir mal seltsam! Der IE zeigt es viel schmäler an und der FF macht eine Art Pixxelsprung.
Weis jemand vll. woran das liegt?
Den Code bitte einfach über den Browser aufrufen. Ist in HTML geschrieben (mit webEdition).
Hinweis: Ich weis, Tabellen werden nicht mehr verwendet. Es war jedoch nicht anders möglich!
Danke schonmal für eure Hilfe!
Beste Grüße!
Bernhard