HMTL / CSS Pixelproblem!

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • HMTL / CSS Pixelproblem!

    Hi Leute! Habe ein kleines Problem!
    Das Problem ist diesmal wirklich klein; Genauer sogar nur 1px!

    Seht selbst:

    Source sieht so aus:
    PHP-Code:
           <form method="post" action="index.php">
              <
    TABLE WIDTH="180" HEIGHT="20" ALIGN="left" VALIGN="top" BORDER="0" CELLSPACING="0" CELLPADDING="0">
               <
    TR>
                <
    TD WIDTH="150" HEIGHT="20" ALIGN="right" VALIGN="top">
        <
    input class="topstuff" name="username" type="text" id="username" value="Username">
        <
    input class="topstuff" name="userpass" type="password" id="userpass" value="Passwort"
    Stylesheet:
    PHP-Code:
    .topstuff {
      
    background-color#F6F6F6;
      
    font-familyVerdanaArialsans-serif;
      
    font-size7pt;
      
    font-weightnormal;
      
    border1px solid #9A9A9A;
      
    height14px;
      
    width70px;
      
    margin-top0px;
      
    margin-right0px;
      
    spacing0px;
      
    padding-top0px;
      
    vertical-aligntop; } 

    Kann mir jmd sagen wie ich das Pixel los werde? (Beide inputs sollten ganz oben sein, damit ich mit "margin-top" arbeiten kann.)

    Danke schon mal vorab!
    WHILE (!$asleep) { $sheep++; }

  • #2
    mit ner extra css Datei, die nur für den IE gedacht ist.
    Code:
    <!--[if IE]>
       <link href="my_friend_the_ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    Sunshine CMS
    BannerAdManagement
    Borlabs - because we make IT easier
    Formulargenerator [color=red]Neu![/color]
    Herkunftsstatistik [color=red]Neu![/color]

    Kommentar


    • #3
      leg auf form auch noch eine anweisung
      PHP-Code:
      form
      {
          
      margin0px;
         
      padding0px;

      allerdings ist der ie zienlich eigenwillig mit der darstellung von formularen und deren elementen. ob es hilft? probier es aus.

      hinzu kommt, dass der ie einen zeilenumbruch im quellcode als leerezeichen interpretiert, dann hüpft es des öfteren. manchmal hilft ein
      PHP-Code:
      font-size0px
      gruß
      peter
      Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
      Meine Seite

      Kommentar


      • #4
        Ok; Klappt wunderbar! Page ist auch HTML 4.01 Strict, aber.....

        Wenn ihr euch das mal anseht: http://www.nichtsooft.de

        Der Berech unter dem orangen Querbalken (temporär rot dargestellt) sollte bis ganz nach unten gehen, was allerdings bei FireFox nicht hinhaut!
        Phönix & Opera hab ich jetzt nicht zum Nachsehn. Jmd ne Idee?

        Höhe ist per CSS definiert: "height: 100%".



        Danke schon mal vorab!
        WHILE (!$asleep) { $sheep++; }

        Kommentar


        • #5
          Original geschrieben von nichtsooft
          Höhe ist per CSS definiert: "height: 100%".
          Hundert Prozent von was?
          I don't believe in rebirth. Actually, I never did in my whole lives.

          Kommentar


          • #6
            Sind "100%" nicht automatisch 100% der Auflösung?
            WHILE (!$asleep) { $sheep++; }

            Kommentar


            • #7
              Nein, wie kommst du auf diesen Unsinn?
              (Selbst wenn du mit der Newbee-Bezeichung "Auflösung" den Viewport gemeint haben solltest, wär's immer noch Unsinn.)

              http://www.w3.org/TR/CSS21/visudet.h...eight-property:
              <percentage>
              Specifies a percentage height. The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'. A percentage height on the root element is relative to the initial containing block.
              I don't believe in rebirth. Actually, I never did in my whole lives.

              Kommentar


              • #8
                Ok; Durchblickt!

                Aber wie verklicker ich jetzt den "richtigen Browsern" dass der Bereich die volle Höhe ausfüllen soll?

                P.s.: @Wahsaga: Den Newbie nehm ich dir übel! *heul* Ich will sofort nen Keks!

                PHP-Code:
                if ($visitor == "wahsaga") {
                <
                SCRIPT TYPE="text/javascript" SRC="lock_right_mouse.js"></SCRIPT>

                Zuletzt geändert von nichtsooft; 19.10.2006, 14:55.
                WHILE (!$asleep) { $sheep++; }

                Kommentar


                • #9
                  ich weiss zwar nicht wie dein design am ende aussehen soll, aber reicht nicht ein pisseliges
                  PHP-Code:
                  body
                  {
                     
                  background-color: ...;

                  gruß
                  peter
                  Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                  Meine Seite

                  Kommentar


                  • #10
                    Nein; Leider! Das Rot ist nur temporär um visualiseren zu können wie groß der betroffene Bereich ist!

                    Irgendwie muss ich dem Browser doch verklickern können dass er das ganze Bild ausfüllen soll! *schmoll*

                    Also eins noch: JavaScript (screen.width & screen.height) will ich nicht verwenden!
                    Zuletzt geändert von nichtsooft; 19.10.2006, 15:33.
                    WHILE (!$asleep) { $sheep++; }

                    Kommentar


                    • #11
                      zeig doch mal, wie das design am ende aussehen soll. da gibt es mit sicherheit eine lösung. so kann ich dir jetzt auch nicht weiterhelfen.

                      gruß
                      peter
                      Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                      Meine Seite

                      Kommentar


                      • #12
                        Original geschrieben von Kropff
                        zeig doch mal, wie das design am ende aussehen soll. da gibt es mit sicherheit eine lösung. so kann ich dir jetzt auch nicht weiterhelfen.

                        gruß
                        peter
                        Du hast Post!
                        WHILE (!$asleep) { $sheep++; }

                        Kommentar


                        • #13
                          auf den ersten blick fiele mir faux frames ein.

                          gruß
                          peter
                          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                          Meine Seite

                          Kommentar


                          • #14
                            Hatte ich schon versucht! Wenn ich H1, etc. einsetze muss ich selbst da per CSS angaben machen und auch dann klappt das nicht. =(
                            WHILE (!$asleep) { $sheep++; }

                            Kommentar


                            • #15
                              Hatte ich schon versucht! Wenn ich H1, etc. einsetze muss ich selbst da per CSS angaben machen und auch dann klappt das nicht. =(
                              möglichkeit 1
                              css lenen

                              möglichkeit 2
                              pfuschen
                              PHP-Code:
                              body
                              {
                                  
                              background-color#dein_rostbraun;
                                  
                              background-imageurl(pfad/1px_hohes_graues_bild_mit_entsprechender_breite.gif);
                                  
                              background-repeatrepeat-y;

                              gruß
                              peter
                              Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                              Meine Seite

                              Kommentar

                              Lädt...
                              X