1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

wer hat deh IE 7

  • pitcher37
  • 9. Januar 2007 um 20:49
  • 1
  • 2
  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 20:49
    • #1

    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/

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 9. Januar 2007 um 21:08
    • #2

    Hey pitcher ;),
    Den Link würd ich an deiner Stelle noch posten!

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • 1N5AN3
    Teeny
    Beiträge
    39
    • 9. Januar 2007 um 21:12
    • #3

    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.

  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 21:24
    • #4

    oh das ist schon mal gut zu wissen das IE 6 funzt und das mit dem nach links rücken des Untermenüs war beabsichtigt.ES sollte etwas über dem Hauptmenü liegen .
    Nun meine Frage wie meinst Du das mit der veränderung der Browsergröße wandert das Menü ?? und weißt Du wie man es abstellen kann. ??

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 9. Januar 2007 um 21:30
    • #5
    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 ;)

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 21:33
    • #6

    upps sorry was heißt denn bitte hex angaben ??

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • 1N5AN3
    Teeny
    Beiträge
    39
    • 9. Januar 2007 um 21:33
    • #7

    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:

    Code
    padding: 1.0px;
    border: solid 3px #fff;
    text-decoration: none;
    font-size: 1.0em;
    color: #ffffff;
    width: 100%; /*IE*/
  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 21:39
    • #8

    oh shit eigentlich möchte ich das der frame in der Mitte bleibt ..
    und das am besten in allen browsern .Bei Modzilla sitzt er viel zu weit Links schon fast auf der Nav leiste.
    Ich müste später nur wissen wie ich ihn dann noch mittig weiter nach unten schieben kann wenn es nötig ist .Ich meine mittg nach unten.
    Vielen Dank

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 9. Januar 2007 um 21:39
    • #9

    Fast ich meine das das Element nicht durch ein ;
    abgeschlossen wurde und kein # davor ist dennoch
    ist ein #fff; erlaubt.

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 21:46
    • #10

    also wäre das jetzt richtig ??


    padding: 1.0px;
    border: solid 3px #fff;
    text-decoration: none;
    font-size: 1.0em;
    color: #ffffff;
    width: 100%; /*IE*/

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 9. Januar 2007 um 21:48
    • #11

    jap aber eben auch wie oben schon ;)

    Code
    padding: 1.0px;
    border: solid 3px #fff;
    text-decoration: none;
    font-size: 1.0em;
    color: #fff;
    width: 100%; /*IE*/

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 21:57
    • #12

    Na da bin ich ja beruhigt über so eine klare Antwort .
    Danke
    Und wie verfahre ich nun mit dem I.frame das der mittig bleibt ??

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 9. Januar 2007 um 22:03
    • #13

    Du packst deine Aufzählung samt der Navi in
    eine Tabelle oder ein <div> und zentrierst das ganze dann.

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 22:06
    • #14

    Ach und wie soll das gehen , was meinst Du mit meiner Aufzählung ??
    Ne Tabelle habe ich noch nie gemacht ???und was wäre wenn es ein div ist ??

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 9. Januar 2007 um 22:12
    • #15
    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.

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 22:23
    • #16

    puh das krieg ich nie hin .. ich wüste nicht einmal wo ich das ding da oben einfügen sollte .. ich bin noch nicht so weit . Shit

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 9. Januar 2007 um 22:28
    • #17

    :ugly:

    HTML
    <!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&auml;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 &gt;&gt;[/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 &gt;&gt;[/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>
    Alles anzeigen

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 22:30
    • #18

    na da wüste ich nicht einmal wo und wie ich das mache sorry aber so weit bin ich net .

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 9. Januar 2007 um 22:39
    • #19

    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!

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • pitcher37
    Teeny
    Beiträge
    30
    • 9. Januar 2007 um 22:47
    • #20

    Das werde ich probieren aber erst morgen ich war die ganzen Tage schon bis Nacht s daran die Seite so zu basteln wie sie jetzt ist .eine Frage noch muß ich den Quellcode doch sicher in alle Seiten auf meinem Server ändern richtig ??

    [Blockierte Grafik: http://www.andres-tattoo.de/banner/at88x3105.gif]

    • 1
    • 2

Tags

  • www
  • erlaubt
  • ie
  • link
  • http
  • style
  • text
  • fenster
  • selfhtml
  • code
  • tabelle
  • navi
  • div
  • liste
  • border
  • height
  • iframe
  • px
  • element
  • samt
  • align
  • avi
  • padding
  • hex
  • name

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern