großes Problem.. ich erstelle mir gerade ne Page ... und habe den IE 7 nun ist es so das ich ein Menü habe welches im IE 7 nicht komplett dargestellt wird, wenn ihr mal auf meine Seite schaut und über die Menü Leiste geht fällt auf das die Untermenüs nicht sichtbar werden kennt jemand das problem und wie bekommt man das in den Griff.
Vielen Dank
http://www.andres-tattoo.de/
wer hat deh IE 7
-
Hey pitcher ;),
Den Link würd ich an deiner Stelle noch posten! -
Wahrscheinlich meint er die aus seinem Profil: http://www.andres-tattoo.de/
Leider kann ich nur mit dem IE6 auffahren, und dort funzt das Menü einwandfrei.
€
Nee, es gibt doch nen Fehler, das Menü ist zu weit links.Zumindest bei 1280er Auflösung, bzw. beim Verändern der Browsergrösse wandert das Menü mit.
-
Code
padding: 1.0px; border: solid 3px #fff; text-decoration: none; font-size: 1.0em; color: fff width: 100%; /*IE*/nach dem color: fff ein ; nicht vergessen
und bei hex angaben immer ein # davor
-
Ich meinte eher, daß das Menü immer links bleibt und der Iframe herumwandert, sodaß ich ihn sogar unter das Menü bekomme, wenn ich das Browserfenster klein genug mache (siehe Screenshot).
Werd mir mal den Quelltext angucken. Denke aber, daß es an relativen und absoluten div-Containern liegt.
€
Er meint hexadezimal, also in der Form #FFFFFF (weiss) oder #000000 (schwarz). In Deinem Code steht aber nur FFF. So wäre es richtiger:Codepadding: 1.0px; border: solid 3px #fff; text-decoration: none; font-size: 1.0em; color: #ffffff; width: 100%; /*IE*/ -
Fast ich meine das das Element nicht durch ein ;
abgeschlossen wurde und kein # davor ist dennoch
ist ein #fff; erlaubt. -
jap aber eben auch wie oben schon
Codepadding: 1.0px; border: solid 3px #fff; text-decoration: none; font-size: 1.0em; color: #fff; width: 100%; /*IE*/ -
Du packst deine Aufzählung samt der Navi in
eine Tabelle oder ein <div> und zentrierst das ganze dann. -
Code
<table align="center" border="0" style="margin-top:30px; width:710px;"> <tr> <td width="140"> steht</td> <td width="570"><iframe src="http://www.andres-tattoo.de/home_fenster.htm" name="nar55" width="450" height="570" align="center" hspace="15" vspace="20" scrolling="yes"></iframe></td> </tr> </table>
so in der Art natürlich noch anpassen falls was nicht wie gewünscht aussieht!
Hier kannst du nachlesen was Listen sind! Diese bilden momentan bei dir die Navi. -
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta name="revisit-after" content="80 days"> <meta name="description" content="tattoo,endless pain,piercing,piercingschmuck,exclusiv tattoos,piercings,Tätowierung,Vorlage,Tribal,Motiv,Bild,galerie,Foto Gallerie Animals,Tiere "> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="keywords" content="Tattoo,Motive,Intim,Piercing,Permanent,Make,Up,Schmuck,Oldenburg,Shop,Galerie,Bauch,Augenbraue,Mund,Wimpern,Augenbrauen,Photos, Photo, Foto, Fotos,Brust,Pflegeanleitung,Pflege"> <title>Andres Tattoo & Piercing Studio</title> <style type="text/css"> #menue_all ul,#menue_all ul ul,#menue_all li,#menue_all a { display: block; margin: 0; padding: 0; border: 0; } #menue_all a { padding: 1.0px; border: solid 3px #fff; text-decoration: none; font-size: 1.0em; color: fff width: 100%; /*IE*/ } #menue_all li>a { width: auto; } /* !kaputte Browser */ #menue_all ul, #menue_all ul ul { width:140px; border: solid 1px #000; background-color: #C0C0C0; list-style-type: none; float:left; margin-right:20px; } #menue_all li { position: relative; padding: 1px; z-index: 9; } #menue_all li.top ul { position: absolute; left: 136px; top: 0px; } #menue_all a:hover { border-color: gray; background-color: #ddd; } #menue_all li.top:hover { z-index:10; } #menue_all ul ul,#menue_all li:hover ul ul { display: none; } #menue_all li:hover ul,#menue_all li:hover li:hover ul { display: block; } </style> <!--[if IE]> <style type="text/css"> /* Alternative für IE ohne JavaScript */ #menue_IE ul { padding: 0; margin: 0; display: block; } #menue_IE a { text-decoration: none; font-size: 1.4em; color: #fff; background-color: #06f; border: double 4px #000; display: block; padding: 2px; width: 100%; } #menue_IE ul, #menue_IE ul ul { width:150px; list-style-type: none; } #menue_IE ul ul { padding-left: 20px; margin-left: 0px; } #menue_IE a:hover { border-color: gray; background-color: #ddd; } #menue_all {display: none;} </style> <script type="text/javascript"> function menue() { document.getElementById('menue_all').style.display = "block"; document.getElementById('menue_IE').style.display = "none"; } document.write('<style type="text/css">body {behavior: url("csshover.htc");};</style>'); </script> <![EndIf]--> </head> <body bgcolor="#FFA500"> <table align="center" border="0" style="margin-top:30px; width:710px;"> <tr> <td width="140"> <div id="menue_all"> <ul> <li class="top">[url='http://www.andres-tattoo.de/anubis.htm']Home[/url] <li class="top">[url='#']Das Studio >>[/url] <ul> [*][url='http://www.andres-tattoo.de/studio.htm']Studio Fotos[/url] [*][url='http://www.andres-tattoo.de/der chef.htm']Der Chef[/url] [*][url='http://www.andres-tattoo.de/meine liebe.htm']Meine Liebe[/url] [/list] <li class="top">[url='http://www.andres-tattoo.de/service_info.htm']Service & Regeln[/url] <li class="top">[url='http://www.andres-tattoo.de/shop.htm']Shop[/url] <li class="top">[url='#']News >>[/url] <ul> [*][url='http://www.andres-tattoo.de/tattoo_news.htm']Tattoo[/url] [*][url='http://www.andres-tattoo.de/piercing_news.htm']Piercing[/url] [*][url='http://www.andres-tattoo.de/golden_eye_news.htm']Golden Eye[/url] [/list] <li class="top">[url='http://www.andres-tattoo.de/hygiene_info.htm']Hygiene[/url] <li class="top">[url='#']Tattoo >>[/url] <ul> [*][url='http://www.andres-tattoo.de/tattoo_info.htm']Tattoo Info[/url] [*][url='http://www.andres-tattoo.de/tattoo_pflege_info.htm']Tattoo Pflege[/url] [*][url='http://www.andres-tattoo.de/zeichen.htm']China Symbol[/url] [*][url='http://www.andres-tattoo.de/drachen.htm']Drachen[/url] [*][url='http://www.andres-tattoo.de/tribal.htm']Tribal[/url] [*][url='http://www.andres-tattoo.de/animals.htm']Animals[/url] [*][url='http://www.andres-tattoo.de/fantasy.htm']Fantasy[/url] [*][url='http://www.andres-tattoo.de/black_and_gray.htm']Black & Gray[/url] [*][url='http://www.andres-tattoo.de/comik.htm']Comik[/url] [*][url='http://www.andres-tattoo.de/cover.htm']Cover Up[/url] [/list] <li class="top">[url='#']Piercing >>[/url] <ul> [*][url='http://www.andres-tattoo.de/piercing_info.htm']Piercing Info[/url] [*][url='http://www.andres-tattoo.de/piercing_pflege_info.htm']Piercing Pflege[/url] [*][url='http://www.andres-tattoo.de/ohr.htm']Piercing Ohr[/url] [*][url='http://www.andres-tattoo.de/gesicht.htm']Piercing Gesicht[/url] [*][url='http://www.andres-tattoo.de/oberkörper.htm']Piercing Körper[/url] [*][url='http://www.andres-tattoo.de/intim_frau.htm']Piercing Intim Sie[/url] [*][url='http://www.andres-tattoo.de/intim_mann.htm']Piercing Intim Er[/url] [/list] <li class="top">[url='#']Golden Eye >>[/url] <ul> [*][url='http://www.andres-tattoo.de/golden_eye_info.htm']Golden Eye Info.htm[/url] [*][url='http://www.andres-tattoo.de/golden_eye_pflege_info.htm']Golden Eye Pflege[/url] [*][url='http://www.andres-tattoo.de/golden_eye_augenbraue.htm']Augenbrauen[/url] [*][url='http://www.andres-tattoo.de/golden_eye_wimper.htm']Wimpern[/url] [*][url='http://www.andres-tattoo.de/golden_eye_mund.htm']Mund[/url] [*][url='http://www.andres-tattoo.de/golden_eye_weitere.htm']Weitere Anwendung[/url] [/list] <li class="top">[url='#']Mail to us >>[/url] <ul> [*][url='http://www.andres-tattoo.de/kontakt_info.htm']Kontakt Info[/url] [*][url='http://www.1st-tools.de/gastbuch.php?id=62168']Gästebuch[/url] [/list] <li class="top">[url='http://www.andres-tattoo.de/impressum_info.htm']Impressum[/url] <li class="top">[url='http://www.andres-tattoo.de/links_info.htm']Links[/url] [/list] </div> <!--[if IE]> <div id="menue_IE"> <ul> <li class="top">[url='http://www.andres-tattoo.de/anubis.htm']Home[/url] <li class="top">[url='#']Das Studio >>[/url] <ul> [*][url='http://www.andres-tattoo.de/studio.htm']Studio Fotos[/url] [*][url='http://www.andres-tattoo.de/der_chef.htm']Der Chef[/url] [*][url='http://www.andres-tattoo.de/meine_liebe.htm']Meine Liebe[/url] [/list] <li class="top">[url='http://www.andres-tattoo.de/service_info.htm']Service & Regeln[/url] <li class="top">[url='http://www.andres-tattoo.de/shop.htm']Shop[/url] <li class="top">[url='#']News >>[/url] <ul> [*][url='http://www.andres-tattoo.de/tattoo_news.htm']Tattoo[/url] [*][url='http://www.andres-tattoo.de/piercing_news.htm']Piercing[/url] [*][url='http://www.andres-tattoo.de/golden_eye_news.htm']Golden Eye[/url] [/list] <li class="top">[url='http://www.andres-tattoo.de/hygiene_info.htm']Hygiene[/url] <li class="top">[url='#']Tattoo >>[/url] <ul> [*][url='http://www.andres-tattoo.de/tattoo_info.htm']Tattoo Info[/url] [*][url='http://www.andres-tattoo.de/tattoo_pflege_info.htm']Tattoo Pflege[/url] [*][url='http://www.andres-tattoo.de/zeichen.htm']China Symbol[/url] [*][url='http://www.andres-tattoo.de/drachen.htm']Drachen[/url] [*][url='http://www.andres-tattoo.de/tribal.htm']Tribal[/url] [*][url='http://www.andres-tattoo.de/animals.htm']Animals[/url] [*][url='http://www.andres-tattoo.de/fantasy.htm']Fantasy[/url] [*][url='http://www.andres-tattoo.de/black_and_gray.htm']Black & Gray[/url] [*][url='http://www.andres-tattoo.de/comik.htm']Comik[/url] [*][url='http://www.andres-tattoo.de/cover.htm']Cover Up[/url] [/list] <li class="top">[url='#']Piercing >>[/url] <ul> [*][url='http://www.andres-tattoo.de/piercing_info.htm']Piercing Info[/url] [*][url='http://www.andres-tattoo.de/piercing_pflege_info.htm']Piercing Pflege[/url] [*][url='http://www.andres-tattoo.de/ohr.htm']Piercing Ohr[/url] [*][url='http://www.andres-tattoo.de/gesicht.htm']Piercing Gesicht[/url] [*][url='http://www.andres-tattoo.de/oberkörper.htm']Piercing Körper[/url] [*][url='http://www.andres-tattoo.de/intim_frau.htm']Piercing Intim Sie[/url] [*][url='http://www.andres-tattoo.de/intim_mann.htm']Piercing Intim Er[/url] [/list] <li class="top">[url='#']Golden Eye >>[/url] <ul> [*][url='http://www.andres-tattoo.de/golden_eye_info.htm']Golden Eye Info[/url] [*][url='http://www.andres-tattoo.de/golden_eye_pflege info.htm']Golden Eye Pflege[/url] [*][url='http://www.andres-tattoo.de/golden_eye_augenbraue.htm']Augenbrauen[/url] [*][url='http://www.andres-tattoo.de/golden_eye_wimper.htm']Wimpern[/url] [*][url='http://www.andres-tattoo.de/golden_eye_mund.htm']Mund[/url] [*][url='http://www.andres-tattoo.de/golden_eye_weitere.htm']Weitere Anwendung[/url] [/list] <li class="top">[url='#']Mail to us >>[/url] <ul> [*][url='http://www.andres-tattoo.de/kontakt_info.htm']Kontakt[/url] [*][url='http://www.1st-tools.de/gastbuch.php?id=62168']Gästebuch[/url] <li class="top">[url='http://www.andres-tattoo.de/impressum_info.htm']Impressum[/url] <li class="top">[url='http://www.andres-tattoo.de/links_info.htm']Links[/url] <li class="top">[url='#']Mail to us >>[/url] <ul> [*][url='http://www.andres-tattoo.de/kontakt_info.htm']Kontakt[/url] [*][url='http://www.1st-tools.de/gastbuch.php?id=62168']Gästebuch[/url] [/list] [/list] </div> <script type="text/javascript"> menue(); </script> <![EndIf]--> </td> <td width="570"><iframe src="http://www.andres-tattoo.de/home_fenster.htm" name="nar55" width="450" height="570" align="center" hspace="15" vspace="20" scrolling="yes"></iframe></td> </tr> </table> </body> </html> -
Das da oben hab ich ja extra gepostet damit du es nurnoch
kopieren und in deine seite einfügen musst, einfach ersetzten!
Und dann schau dir an wo ich die Tabelle eingefügt habe und
passe das ganze an!