Inita: need help to make the down menu 'down'

SELF-Forum

need help to make the down menu 'down'

Inita
– Informationen zu den Bewertungsregeln

Ich habe naemlich ein grosses Problem :( bin leider nicht ein freak von HTML, mehr ein Anfaenger. Ich loese schon mein Problem soo lange Zeit, aber sowieso kann nicht mit meinem Problem klar kommen =((

Also, ich habe ne Seite, da unten hab ich ein Code geschrieben, um besser zu verstehen. Ich habe da down und up menu, ich moechte aber, dass das down menu down on screen ist, wenn das content kurzer als screen ist, aber wenn das content laenger als screen ist, dann down menu hinter dem content, ich hoffe habt ihr mich verstanden. Also, dieses code funktioniert schon etwas, aber nicht genau richtig =((( hab mir soooo muehe gegeben, HTML versteht mich aber nicht :(.
Ich brauche das dies funktioniert auf IE, FIREFOX, Opera, also ueberall, auch Mac wuerd sehr super sein.

Auf IE hab ich schon geschaft, aber dann dem FF hat das nicht gefallen. :(

Danke im voraus!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <title>Help Inita</title>

<style type="text/css" />
body, html {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#FFF;
background-color:#F00;
padding:0;
margin:0;
height: 100%;
}
#page {
width:740px;
background-color:#000;
margin: 0 auto;
padding:0;
height: 100%;
}
.imenu
{
 font-size: 12px;
 text-align:center;
 width:720px;
 background-color:#000000;
 margin:0px;
 padding:10px;
}
.imenu a {
color:#FFF
}
.imenu a:hover {
color:#FFC
}
.center {
   text-align:center
}

</style>
</head>

<body>

<div id="page">

<table class="center menuup" border="0" cellpadding="0" cellspacing="0" style="width:100%">
   <tr class="center" style="height:25px">
     <td style="width:20%" class="menuup">[ <a href="/index.html"><b>Home</b></a> ]</td>
     <td style="width:20%" class="menuup">[ <a href="/login.html"><b>Login</b></a> ]</td>
     <td style="width:30%" class="menuup">[ <a href="#"><b>pictures</b></a> ]</td>
     <td style="width:30%" class="menuup">[ <a href="#"><b>Search </b></a> ]</td>
   </tr>
 </table>
<span style="height:96%">
<div style="background-color:#000">
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
v
v
v
v
v
contentcontentcontentcontentcontentcontentcontentcontentcontentcontentc
</div>
</span>
<div class="imenu" style="clear:both">
  [ <a href="#">My Name</a> ]
  [ <a href="#">Autos</a> ]
  [ <a href="#">Bears</a> ]
  [ <a href="#">See Tree</a> ]
  [ <a href="#">Contact Us</a> ]
  [ <a href="#">Site Map</a> ]
</div>
</div>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. need help to make the down menu 'down'

    Cheatah
    ±0 Informationen zu den Bewertungsregeln

    Hi,

    Also, ich habe ne Seite, da unten hab ich ein Code geschrieben, um besser zu verstehen. Ich habe da down und up menu, ich moechte aber, dass das down menu down on screen ist, wenn das content kurzer als screen ist, aber wenn das content laenger als screen ist, dann down menu hinter dem content, ich hoffe habt ihr mich verstanden.

    nein. Könntest Du Dich für den Anfang bitte auf _eine_ Sprache einigen?

    Auf IE hab ich schon geschaft, aber dann dem FF hat das nicht gefallen. :(

    Teste grundsätzlich *niemals* zuerst mit dem IE. Und validiere Deine Codes.

    <style type="text/css" />

    Du solltest CSS-Code angeben.

    body, html {

    Dies ist als Kind von <head> nicht erlaubt.

    </style>

    Du schließt ein nicht geöffnetes Element.

    <table class="center menuup" border="0" cellpadding="0" cellspacing="0" style="width:100%">

    Wo sind die tabellarischen Daten, die Du hier zu haben behauptest?

    <span style="height:96%">
    <div style="background-color:#000">

    Validiere Deine Codes. Und gib CSS-Code nicht inline an.

    contentcontentcontentcontentcontentcontentcontentcontentcontentcontent

    [...]

    Wir sind abstraktionsfähig. Es ist nicht nötig, einen mehrere Kilobyte großen Platzhalter zu nennen.

    <div class="imenu" style="clear:both">
      [ <a href="#">My Name</a> ]
      [ <a href="#">Autos</a> ]
      [ <a href="#">Bears</a> ]
      [ <a href="#">See Tree</a> ]
      [ <a href="#">Contact Us</a> ]
      [ <a href="#">Site Map</a> ]
    </div>

    Warum hast Du Dich hier für ein <div> entschieden?

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    ±0
    Informationen zu den Bewertungsregeln

    1. need help to make the down menu 'down'

      Inita
      – Informationen zu den Bewertungsregeln

      Hallo, Danke fuer deine Antwort. Tschuldigung fuer die Sprachen wechseln, meine Muttersprache ist kein Deutsch leider, also ich spreche/schreibe um ihr mich moeglich besser verstehen zu koennt ;).
      Das lange content hab ich da geloescht, aber das content blieb lang sowieso.

      Warum hast Du Dich hier für ein <div> entschieden?

      Ich weiss nicht warum hab ich von div da entschieden, es funktioniert einfach :) hab mir nicht so ueberlegt.

      <table class="center menuup" border="0" cellpadding="0" cellspacing="0" style="width:100%">

      Wo sind die tabellarischen Daten, die Du hier zu haben behauptest?

      uhu da musste ich auch wahrscheinlich ul li nutzen, aber das waer ja nicht das problem fuer mich ;)

      body, html {

      das muss ich mir dann noch anschauen, wo legt man sowas dann genau ;)

      Aber mein Problem ist, wie kann ich down menu, wenn content Z.B. nur ein Satz ist, unten dem bildschirm(screen,browser) legen.

      Wenn du meine seite in IE anschaust, dann isses richtig so, aber wenn in Firefox, dann isses nicht richtig =((((((((((

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. need help to make the down menu 'down'

        Christoph Schnauß
        −2 Informationen zu den Bewertungsregeln

        hallo Inita,

        Nun gut, wenn Deutsch nicht deine Muttersprache ist, kann man nachsichtig sein, was das Deutsch angeht. Aber was HTML angeht, kann man es nicht.

        Auf IE hab ich schon geschaft, aber dann dem FF hat das nicht gefallen. :(

        Kann auch nicht.

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

        Das sieht so aus, als ob du XHTML benutzen möchtest. Dann fehlt aber bereits die XML-Deklaration.

        <style type="text/css" />

        Dies wäre in XHTML zwar zulässig, aber sinnlos. Es ist wie ein leeres Element notiert, aber es ist ja nicht leer, sondern du möchtest noch

        body, html {
        font-family: Verdana, Arial, Helvetica, sans-serif;

        [...]

        haben. Diese CSS-Angaben können gar nicht befolgt werden

        </style>

        Wie Cheatah bereits geschrieben hat, wäre das ein schließender Tag - aber du hast ja bereits vorher mit

        <style type="text/css" />

        alles geschlossen. Und da nun dein gesamtes CSS nicht funktionieren kann, geht es auch mit deinen Menüs nicht.

        Grüße aus Berlin

        Christoph S.

        --
        Visitenkarte
        http://www.christoph-schnauss.de
        ss:| zu:) ls:& fo:) va:) sh:| rl:|
        Beitrag melden
        −2
        Informationen zu den Bewertungsregeln

        1. need help to make the down menu 'down'

          Gunnar Bittersmann Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Das sieht so aus, als ob du XHTML benutzen möchtest. Dann fehlt aber bereits die XML-Deklaration.

          Nein, Christoph.

          [22] prolog ::= XMLDecl? Misc* (doctypedecl Misc*)?   [XML]

          Du kennst die Bedeutung von "?"?

          <style type="text/css" />
          Dies wäre in XHTML zwar zulässig,

          Aber manche HTML-Parser kommen damit nicht klar und erwarten End-Tags, außer bei Elementen, bei denen diese in HTML optional sind.

          Live long and prosper,
          Gunnar

          --
          „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. need help to make the down menu 'down'

            Christoph Schnauß
            −1 Informationen zu den Bewertungsregeln

            hallo Gunnar,

            Du kennst die Bedeutung von "?"?

            Natürlich. Genauso, wie ich den meiner Übersicht nach immer noch nicht als "bug" gemeldeten Grammtatikfehler in der von mir zitierten SELFHTML-Seite kenne ...

            <style type="text/css" />
            Dies wäre in XHTML zwar zulässig,
            Aber manche HTML-Parser kommen damit nicht klar und erwarten End-Tags, außer bei Elementen, bei denen diese in HTML optional sind.

            Das ist ja genau das, worauf Cheatah bereits aufmerksam gemacht hat.

            Wir kriegen nicht immer mit, wenn ein "Neuer" vielleicht eine andere Muttersprache hat als Deutsch - das war auch hier der Fall. Merkwürdigerweise hätte ich das auch nicht erkannt, da manche durchaus muttersprachlich deutsche Schüler und "Forums-Newbies" noch schlechteres Deutsch schreiben. Daher wollte ich deutlich machen, daß "man" eventuelle sprachliche Ungenauigkeiten eines postings durchaus verzeihen kann - nicht aber, daß Sachfehler überlesen werden dürfen.

            Grüße aus Berlin

            Christoph S.

            --
            Visitenkarte
            http://www.christoph-schnauss.de
            ss:| zu:) ls:& fo:) va:) sh:| rl:|
            Beitrag melden
            −1
            Informationen zu den Bewertungsregeln

            1. need help to make the down menu 'down'

              Gunnar Bittersmann Homepage des Autors
              – Informationen zu den Bewertungsregeln

              Natürlich. Genauso, wie ich den meiner Übersicht nach immer noch nicht als "bug" gemeldeten Grammtatikfehler in der von mir zitierten SELFHTML-Seite kenne ...

              Christoph,
              Vielleich solltest du dich mehr mit dem Inhalt denn der sprachlichen Korrektheit von SELFHTML auseinandersetzen? SCNR. Ähm – warum sagtest du dann, die (optionale!) XML-Deklaration würde fehlen?

              <style type="text/css" />
              Dies wäre in XHTML zwar zulässig,
              Aber manche HTML-Parser kommen damit nicht klar und erwarten End-Tags, außer bei Elementen, bei denen diese in HTML optional sind.
              Das ist ja genau das, worauf Cheatah bereits aufmerksam gemacht hat.

              Nö, das lese ich bei ihm nicht.

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    <title>foo</title>  
    <style type="text/css" />  
  </head>  
  <body>  
    <p>bar</p>  
  </body>  
</html>

              ist valdides XHTML. Dennoch würden (ältere) HTML-Parser das </style>-Tag schmerzlich vermissen und der Browser verhielte sich so, als sei das style-Element nicht geschlossen und würde „bar“ nicht anzeigen.

              Live long and prosper,
              Gunnar

              --
              „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

              1. need help to make the down menu 'down'

                Christoph Schnauß
                −1 Informationen zu den Bewertungsregeln

                hi,

                [...]
                ist valdides XHTML. Dennoch würden (ältere) HTML-Parser das </style>-Tag schmerzlich vermissen und der Browser verhielte sich so, als sei das style-Element nicht geschlossen und würde „bar“ nicht anzeigen.

                Genau das scheint dem OP passiert zu sein, und es ist gut, daß es passiert ist. Du hast im übrigen mal den gesamten im OP angegebenen Quelltext als lokale Datei an den Validator übergeben und das Ergebnis analysiert?

                Grüße aus Berlin

                Christoph S.

                --
                Visitenkarte
                http://www.christoph-schnauss.de
                ss:| zu:) ls:& fo:) va:) sh:| rl:|
                Beitrag melden
                −1
                Informationen zu den Bewertungsregeln

                1. need help to make the down menu 'down'

                  Gunnar Bittersmann Homepage des Autors
                  – Informationen zu den Bewertungsregeln

                  der Browser verhielte sich so, als sei das style-Element nicht geschlossen

                  Genau das scheint dem OP passiert zu sein,

                  Christoph,
                  Das style-Element des OP wurde doch geschlossen; sogar doppelt (hält besser?).

                  Du hast im übrigen mal den gesamten im OP angegebenen Quelltext als lokale Datei an den Validator übergeben und das Ergebnis analysiert?

                  Nö. Meine Augen sind genauso gut wie der Validator.*

                  Live long and prosper,
                  Gunnar

                  * je nach Tagesform ;-)

                  --
                  „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
                  Beitrag melden
                  –
                  Informationen zu den Bewertungsregeln

                  1. need help to make the down menu 'down'

                    Inita
                    – Informationen zu den Bewertungsregeln

                    Danke euch fuer die Diskussion, aber bin nicht leider weiter gekommen :( Gruss Inita

                    Beitrag melden
                    –
                    Informationen zu den Bewertungsregeln

                    1. need help to make the down menu 'down'

                      Christoph Schnauß
                      – Informationen zu den Bewertungsregeln

                      hallo Inita,

                      Danke euch fuer die Diskussion, aber bin nicht leider weiter gekommen :(

                      Dann versuche bitte nochmal, dein Problem zu beschreiben. Für den Fall, daß dein Englisch besser ist als dein Deutsch, kannst du auch diese Sprache verwenden - das gab es hier zwar bisher so gut wie noch nie, aber wir verstehen das dann schon und werden versuchen, dir zu helfen.

                      Grüße aus Berlin

                      Christoph S.

                      --
                      Visitenkarte
                      http://www.christoph-schnauss.de
                      ss:| zu:) ls:& fo:) va:) sh:| rl:|
                      Beitrag melden
                      –
                      Informationen zu den Bewertungsregeln

              2. need help to make the down menu 'down'

                Henryk Plötz Homepage des Autors
                – Informationen zu den Bewertungsregeln

                Moin,

                Dennoch würden (ältere) HTML-Parser das </style>-Tag schmerzlich vermissen und der Browser verhielte sich so, als sei das style-Element nicht geschlossen und würde „bar“ nicht anzeigen.

                Hmm, "ältere"? Als ich das letzte mal nachgesehen habe, verhielt sich jeder HTML-Parser so, was ja auch sein gutes Recht ist. <b>foo<i />bar</b> ist in HTML Unfug (genauer gesagt wäre <b>foo<i/baz/bar</b> sogar korrektes HTML, aber das kann erst Recht kein Browser) und wird deshalb von allen HTML-Parsern die mir untergekommen sind wie <b>foo<i>bar</b> behandelt (bzw. wenn man das Beispiel etwas erweitert sogar noch schlimmer: <b>foo<i />bar</b>baz<a>qux</a>quux erzeugt den selben DOM-Baum wie <b>foo<i>bar</i></b><i>baz<a>qux</a>quux</i>).

                Das Problem löst sich natürlich in Wohlgefallen auf, sobald man (über den passenden Content-Type) auf den XML-Parser umschaltet, aber dazu hat Inita keine Angaben gemacht.

                --
                Henryk Plötz
                Grüße aus Berlin
                ~~~~~~~~ Un-CDs, nein danke! http://www.heise.de/ct/cd-register/ ~~~~~~~~
                ~~ Help Microsoft fight software piracy: Give Linux to a friend today! ~~
                Beitrag melden
                –
                Informationen zu den Bewertungsregeln

                1. need help to make the down menu 'down'

                  Gunnar Bittersmann Homepage des Autors
                  – Informationen zu den Bewertungsregeln

                  Dennoch würden (ältere) HTML-Parser das </style>-Tag schmerzlich vermissen und der Browser verhielte sich so, als sei das style-Element nicht geschlossen und würde „bar“ nicht anzeigen.

                  Hmm, "ältere"? Als ich das letzte mal nachgesehen habe, verhielt sich jeder HTML-Parser so,

                  Henryk,
                  Firefox 1.5 nicht mehr.

                  Live long and prosper,
                  Gunnar

                  --
                  „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
                  Beitrag melden
                  –
                  Informationen zu den Bewertungsregeln