Ergebnis 1 bis 6 von 6

Thema: CSS-Probleme mit IE und firefox

  1. #1
    wurzel.me
    Gast

    Standard CSS-Probleme mit IE und firefox

    Hi,

    ich bin Anfänger und versuche mich an einer Homepage.

    Dazu verwende ich eine zentrale CSS-Datei und eine HTML-Datei.
    Leider stellt der IE das Menü links nicht richtig dar (Firefox macht's richtig), da es eigentlich bis nach ganz unten gehen sollte.

    Wäre schön, wenn mir jemand helfen könnte, sodass das Menü an der linken Seite korrekt dargestellt wird.

    Es sollte nach Möglichkeit bis unten durchgezogen sein und fixiert sein, ebenso wie der breite Streifen ganz oben.

    Die Codes zu den Dateien stehen unten.

    Viele Grüße
    Christian


    test.html:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml...">
    <html>
    <head>
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="format.css" />
    <script language="JavaScript" src="java.js"></script>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    </head>
    <body>

    <div class="up">Hier steht ein Logo</div>
    <div class="menu">Hier steht das Menü</div>

    </body>
    </html>


    format.css:
    /* ----------------------------- */
    /* ------ Begin HTML-Tags ------ */
    /* ----------------------------- */
    body {
    background-color:#E2E2E8;
    font-family:sans-serif;
    color:#24222D;
    font-size:14px;
    margin:0px;
    }
    /* ----------------------------- */
    /* ------- End HTML-Tags ------- */
    /* ----------------------------- */

    /* ----------------------------- */
    /* ------- Begin Classes ------- */
    /* ----------------------------- */
    .up {
    background-color:#BCBCD4;
    position:fixed; top:0px; left:0px; right:0px;
    width:100%;
    height:100px;
    padding:0px;
    margin:0px;
    border-bottom:solid; border-width:2px;
    }

    .menu {
    text-align: right;
    background-color:#BCBCD4;
    position:fixed; top:100px; left:0px; bottom:0px;;
    width:120px;
    padding:5px;
    margin:0px;
    font-weight:bold;
    border-right:solid; border-width:2px;
    }
    /* ----------------------------- */
    /* -------- End Classes -------- */
    /* ----------------------------- */
    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
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,

    Codes hier bitte in Code-Tags fassen, dann kann man sie besser lesen (anfach anklicken unterhalb der Eingabzeile für den Titel)

    Der HTML-Quelltext-Auszug den du gepostest hast ist allein nicht aussagekräftig genug, man muß schon den ganzen Quelltext sehen, besser die Original-Datei auf dem Server.
    Poste doch einfach mal den Link.

    G.a.d.M.

    Ronald

  3. #3
    Gast

    Standard

    Online gibts keine Version, da ich noch keinen Webspace habe. Und mehr Quelltext gibts noch nicht, da ich erst mal das Problem in den Griff bekommen möchte, bevor ich weiter mache. Das Problem ist mit dem Quelltext schon zu beobachten.
    Grüße
    Christian

  4. #4
    Azubi(ne)
    Registriert seit
    18.07.2004
    Ort
    Oer-Erkkenschwick
    Beiträge
    63
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi, wenn du eine Höhe von 100% angibst bezieht sich das auf den Inhalt in dem Element. Also links zu ende...Menu zu ende.
    In dein #menu gehört nicht margin:0 sondern margin:auto;


    Gruss Didi

  5. #5
    topfblume
    Gast

    Standard

    Moin ...

    Die Angabe poisition:fixed wir weder vom IE noch von Netscape unterstützt.

    Gruß

  6. #6
    wurzel.me
    Gast

    Standard

    Eine Höhenangabe in Prozent scheint bei dem Problem nicht wirklich zu helfen, und ob margin:0px; oder margin:auto; macht auch keinen wirklichen Unterschied.

    position:fixed; wird von Netscape übrigens interpretiert, nimmt auf das Problem allerdings keinen Einfluss.

    Grüße
    Christian

Ähnliche Themen

  1. Link Probleme bei Firefox
    Von schnecki im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 29.11.2007, 14:38
  2. Probleme mit Firefox
    Von kappilino im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 19.11.2007, 17:44
  3. IE6 & Firefox probleme
    Von Chaoz im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 30.06.2006, 18:53
  4. Probleme mit css in firefox
    Von Sveni im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 29.04.2006, 13:19
  5. IE Probleme, mit Firefox gehts
    Von robroy im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 10.04.2006, 10:54

Stichworte

Berechtigungen

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