HMTL / CSS Pixelproblem!

[nichtsooft]

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

Seht selbst:

Source sieht so aus:

       <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:

.topstuff {
  background-color: #F6F6F6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 7pt;
  font-weight: normal;
  border: 1px solid #9A9A9A;
  height: 14px;
  width: 70px;
  margin-top: 0px;
  margin-right: 0px;
  spacing: 0px;
  padding-top: 0px;
  vertical-align: top; } 

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!

[Benny-one]

mit ner extra css Datei, die nur für den IE gedacht ist.

<!--[if IE]>
   <link href="my_friend_the_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

[Kropff]

leg auf form auch noch eine anweisung

form
{
    margin: 0px;
   padding: 0px;
} 

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

font-size: 0px; 

gruß
peter

[nichtsooft]

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!

[wahsaga]

Original geschrieben von nichtsooft
Höhe ist per CSS definiert: "height: 100%".

Hundert Prozent von was?

[nichtsooft]

Sind "100%" nicht automatisch 100% der Auflösung?

[wahsaga]

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.

[nichtsooft]

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!

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

[Kropff]

ich weiss zwar nicht wie dein design am ende aussehen soll, aber reicht nicht ein pisseliges

body
{
   background-color: ...;
} 

gruß
peter

[nichtsooft]

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!

[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

[nichtsooft]

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!

[Kropff]

auf den ersten blick fiele mir faux frames ein.

gruß
peter

[nichtsooft]

Hatte ich schon versucht! Wenn ich H1, etc. einsetze muss ich selbst da per CSS angaben machen und auch dann klappt das nicht. =(

[Kropff]

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

body
{
    background-color: #dein_rostbraun;
    background-image: url(pfad/1px_hohes_graues_bild_mit_entsprechender_breite.gif);
    background-repeat: repeat-y;
} 

gruß
peter