Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 19

Thema: IE und Firefox Darstellungsprobleme

  1. #1
    Youngster
    Registriert seit
    11.11.2009
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Pfeil IE und Firefox Darstellungsprobleme

    Hallo, ich hoffe Ihr könnt mir hier weiterhelfen. Ich beschäftige mich 2h damit wie ich den Fehler Beheben kann, dass die Homepage im Firefox richtig angezeigt wird, aber Im Internet Explorer nicht (ab 8.0 schon).


    Es geht um die Seite hier:

    http://www.xiller.de/design/home.html

    Bin Praktikantin bei der Xiller GmbH und beschäftige mich schon ca 3/4 Wochen mit Programmierung.

    Im IE-Tester taucht das Problem bei IE 5.5, 6.0 und 7.0 auf, dass bei der Navigationsleiste man den 2D und 3D Button leider nicht mehr sieht, und der Text verschoben ist, etc und ansonsten die Buttons auch nicht korrekt anklickbar sind, soweit ich es gesehen habe.

    Mit dem Tantek-Hack habe ich es geschafft den Text zu färben und richtig zu verscheiben, jedoch habe ich enorme Fehler mit der Navigation und habe schon echt viel versucht, und habe auch echt viel im Netz gefunden, aber nichts funktioniert. Ich bin auch echt verwirrt woran das liegen kann.

    Die 2D und 3D Buttons sind immernoch im IE anklickbar, aber eben nicht sichtbar, das finde ich auch total eigenartig.

    Ich wäre Euch echt unheimlich dankbar, bin schon am verzweifeln, bin halt einfach noch kein Profi :P

    Falls gewünscht ist, dass ich irgendwelchen Code oder CSS poste, mache ich das natürlich

    Also Jungs, bitte helft der armen Praktikantin
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: IE und Firefox Darstellungsprobleme


  3. #3
    Youngster
    Themenstarter

    Registriert seit
    11.11.2009
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE und Firefox Darstellungsprobleme

    Vielen Dank schon einmal, da hat der Vorgänger wohl nicht ganz aufgepasst. Mal schauen ob ich das gerade biegen kann

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: IE und Firefox Darstellungsprobleme

    Zitat Zitat von bebsu Beitrag anzeigen
    Vielen Dank schon einmal, da hat der Vorgänger wohl nicht ganz aufgepasst. Mal schauen ob ich das gerade biegen kann
    bestimmt... dervalidator sagt ja ganz genau was er fürn kram zu bemängeln hat
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    11.11.2009
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE und Firefox Darstellungsprobleme

    Ich mache grade irgendwie immer mehr kaputt,..Gott was hat der Vorgänger da gemacht -.- oder bin ich einfach zu doof *weiter versucht*

  6. #6
    Youngster
    Themenstarter

    Registriert seit
    11.11.2009
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE und Firefox Darstellungsprobleme

    Ich gebs auf...:S

  7. #7
    Bandit
    Gast

    Standard AW: IE und Firefox Darstellungsprobleme

    Nach einer Stunde aufgeben? Da solltest du dir schon etwas mehr Mühe geben.

  8. #8
    Youngster
    Themenstarter

    Registriert seit
    11.11.2009
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE und Firefox Darstellungsprobleme

    Naja, ich war schon gestern 2/3h drangesessen, ich komm einfach net weiter. Gut da sind wirklich Fehler, aber im Firefox wirds ja richtig angezeigt und auch im IE 8.0...

    Ich will ja echt nicht aufgeben, ich würde das so gerne lösen!

    Quellcode der Navigation:

    Code:
    <div id="navigation">
                <ul>
                    <li id="home"><a href="home.html"><div class="navi"></div></a></li>
                    <li id="_2d"><a href="2d/2d.html"><div class="navi"></div></a></li>
                    <li id="_3d"><a href="3d/3d.html"><div class="navi"></div></a></li>
    <li id="cut_vfx"><a href="cut_vfx/cut_vfx.html"><div class="navi"></div></a></li>
                    <li id="sound"><a href="sound/sound.html"><div class="navi"></div></a></li>
    <li id="kontakt"><a href="kontakt/kontakt.php"><div class="navi"></div></a></li>
    <li id="impressum"><a href="impressum.html"><div class="navi"></div></a></li>
                       <li id="fuss"><div class="fuss"></div></li>
                </ul>
            </div>
    
    
    Und der Validator sagt: 
    
    Line 19, Column 68: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag … id="home"><a href="home.html"><div class="navi"></div></a></li>                
    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 
     One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 
    
    
    
    Und das eben auch die anderen "Buttons" betreffend. Ich habe auch schon das div entfernt und einfach mal ein zum Ausprobieren das <del> Tag genommen, aber im IE unter 8.0 klappts einfach immernoch nicht.
    
    
    Ausschnitt CSS Stylesheet:
    #navigation 
    {
        width:430px;
        background-color:#000;
        float:left;
        margin:0px;
        color:#000;
        padding:0;
    }
    #content
    {
        width:700px;
        height:700px;
        margin:auto auto auto 350px;
    }
    
    #main_content
    {
        width:660px;
        height:660px;
        margin-left:50px;
        margin-top:20px;
        position:absolute;
    
        
    }
    
    
    
    ul
    {
        list-style:none;
    }
    li
    {
        margin-left:-25px;
    }
    .navi
    {
        width:311px;
        height:60px;
    }
    #home
    {
        background: url(../menu/2D_6_1_01.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    
    }
    #home a:hover
    {
        background:url(../menu/hover/2D_7_01.jpg) #000;
        width:311px;
        height:60px;
        color:#000;
        display:block;
        border:none;
    }
    #_2d
    {
        background:url(../menu/2D_6_1_03.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    } 
    #_2d a:hover
    {
        background:url(../menu/hover/2D_7_03.jpg) #000;
        width:311px;
        height:60px;
        display:block;
        color:#000;
        border:none;
    }
    #_3d
    {
        background:url(../menu/2D_6_1_04.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #_3d a:hover
    {
        background:url(../menu/hover/2D_7_04.jpg) #000;
        width:311px;
        height:60px;
        display:block;
        color:#000;
        border:none;
    }
    #cut_vfx
    {
        background:url(../menu/2D_6_1_05.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #cut_vfx a:hover
    {
        background:url(../menu/hover/2D_7_05.jpg) #000;
        width:311px;
        height:60px;
        display:block;
        color:#000;
        border:none;
    }
    #sound
    {
        background:url(../menu/2D_6_1_06.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #sound a:hover
    {
        background:url(../menu/hover/2D_7_06.jpg) #000;
        width:311px;
        height:60px;
        display:block;
        color:#000;
        border:none;
    }
    #kontakt
    {
        background:url(../menu/2D_6_1_07.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #kontakt a:hover
    {
        background:url(../menu/hover/2D_7_07.jpg) #000;
        width:311px;
        height:60px;
        display: block;
        color: #000;
        border:none;
    }
    #impressum
    {
        background:url(../menu/2D_6_1_08.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #impressum a:hover
    {
        background:url(../menu/hover/2D_7_08.jpg) #000;
        width:311px;
        height:60px;
        display: block;
        color: #000;
        border:none;
    }
    .fuss
    {
        background:url(../menu/2D_6_1_09.jpg) #000;
        width:423px;
        height:252px;
    }
    Mensch bin ich froh wenn paar Jährchen vorüber sind und keiner mehr IE unter 8.0 benutzt


    Also wie schon gesagt, den main content Bereich konnte ich mit dem Tantek- Hack ja schon bearbeiten. Die Navigation nicht. Hmmmmm :S


    Danke an alle die sich Zeit dafür nehmen!!!
    Geändert von bebsu (11.11.2009 um 16:10 Uhr)

  9. #9
    Thonixx
    Gast

    Standard AW: IE und Firefox Darstellungsprobleme

    Also erstens: Der HTML Validator hat nichts mit dem CSS Code zu tun.
    Zweitens: Bitte verwende unsere Code Tags, sonst hat niemand nen Überblick.

    EDIT:
    Beheben: http://www.validome.org/validate/?ur...sign/home.html
    Wenn du das Englisch da nicht verstehst, hier eine maschinelle Übersetzung: http://doiop.com/dfsdsdfasdf

    CSS
    HTML-Code:
    #navigation 
    {
        width:430px;
        background-color:#000;
        float:left;
        margin:0px;
        color:#000;
        padding:0;
    }
    #content
    {
        width:700px;
        height:700px;
        margin:auto auto auto 350px;
    }
    
    #main_content
    {
        width:660px;
        height:660px;
        margin-left:50px;
        margin-top:20px;
        position:absolute;
    
        
    }
    
    
    
    ul
    {
        list-style:none;
    }
    li
    {
        margin-left:-25px;
    }
    .navi
    {
        width:311px;
        height:60px;
    }
    #home
    {
        background: url(../menu/2D_6_1_01.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    
    }
    #home a:hover
    {
        background:url(../menu/hover/2D_7_01.jpg) #000;
        width:311px;
        height:60px;
        color:#000;
        display:block;
        border:none;
    }
    #_2d
    {
        background:url(../menu/2D_6_1_03.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    } 
    #_2d a:hover
    {
        background:url(../menu/hover/2D_7_03.jpg) #000;
        width:311px;
        height:60px;
        display:block;
        color:#000;
        border:none;
    }
    #_3d
    {
        background:url(../menu/2D_6_1_04.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #_3d a:hover
    {
        background:url(../menu/hover/2D_7_04.jpg) #000;
        width:311px;
        height:60px;
        display:block;
        color:#000;
        border:none;
    }
    #cut_vfx
    {
        background:url(../menu/2D_6_1_05.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #cut_vfx a:hover
    {
        background:url(../menu/hover/2D_7_05.jpg) #000;
        width:311px;
        height:60px;
        display:block;
        color:#000;
        border:none;
    }
    #sound
    {
        background:url(../menu/2D_6_1_06.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #sound a:hover
    {
        background:url(../menu/hover/2D_7_06.jpg) #000;
        width:311px;
        height:60px;
        display:block;
        color:#000;
        border:none;
    }
    #kontakt
    {
        background:url(../menu/2D_6_1_07.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #kontakt a:hover
    {
        background:url(../menu/hover/2D_7_07.jpg) #000;
        width:311px;
        height:60px;
        display: block;
        color: #000;
        border:none;
    }
    #impressum
    {
        background:url(../menu/2D_6_1_08.jpg) #000;
        width:311px;
        height:60px;
        border:none;
    }
    #impressum a:hover
    {
        background:url(../menu/hover/2D_7_08.jpg) #000;
        width:311px;
        height:60px;
        display: block;
        color: #000;
        border:none;
    }
    .fuss
    {
        background:url(../menu/2D_6_1_09.jpg) #000;
        width:423px;
        height:252px;
    }
    Geändert von Thonixx (11.11.2009 um 16:14 Uhr)

  10. #10
    Youngster
    Themenstarter

    Registriert seit
    11.11.2009
    Beiträge
    10
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE und Firefox Darstellungsprobleme

    Entschuldigung, kommt nicht wieder vor

    Liegt der Fehler jetzt im Html Code oder im CSS?

Ähnliche Themen

  1. Darstellungsprobleme?!?!
    Von Walerik im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 01.02.2008, 03:21
  2. IE7 Darstellungsprobleme
    Von BendOr im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 22.11.2007, 19:14
  3. Darstellungsprobleme im Firefox
    Von murhuber im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 20.05.2007, 15:41
  4. IE-Darstellungsprobleme
    Von Akyaneos im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 05.03.2007, 18:25
  5. darstellungsprobleme in Netscape und firefox
    Von quantum im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 02.03.2006, 12:52

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •