Textfeld an Oberkante einer Tabelle

Begonnen von 5im0n, 20. Oktober 2006, 14:01:45 Uhr

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

5im0n

Hallo,
ich habe auf einer Website folgendes Problem, und zwar habe ich ein Textfeld mit einem Tickertext. Dieser soll nach unten auf die Seite jetzt passt dies auch im ie aber im Firefox net da ist das textfeld zur hälfte unten im Browserfesnter verschwunden. Die Tabelle sieht folgendermaßen aus. Würde mich freuen wenn jemand eine idee hat. Die Website ist http://www.fliegenberger-faslam.de könnt ihr euch ja ma anschauen.
Zitieren<table border="1" width="100%">
    <tr>
      <td width="100%" wight="40%">

        <form name="news" align="center">

            <p align="center"><input type="text" size="80"
            name="text" value="Faslam - Newsticker"></p>

</form></td></tr></table>

mfg
Simon

TMK

Wie sieht denn der HTML-Code darüber aus?!

5im0n

Zitieren<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Ticker</title>
<script language="JavaScript" src="javascripte/maussperre.js"></script>
<base target="_self">
<link rel="stylesheet" type="text/css" href="css/design.css">
</head>

<body bgcolor="#FFFF99" onload="ticker()" leftmargin="1" topmargin="1">
<script language="JavaScript"><!--
////begin
var max=0;
function textlist()
{        max=textlist.arguments.length;
        for (i=0; i<max; i++)
                this=textlist.arguments; }
tl=new textlist
(       
        "+++ 1. Versammlung +++",
        "+++ Am 03.11.2006 um 20:00 Uhr im Gasthaus Oppermann +++",
        "+++ 2. Versammlung +++",
        "+++ Am 26.01.2007 um 20:00 Uhr bei von Deyn +++",
        "+++  +++");
        var x=0; pos=0;
var l=tl[0].length;
function ticker()
{        document.news.text.value=tl
  • .substring(0,pos)+"_";
            if(pos++==l)
            {      pos=0;
                    setTimeout("ticker()",1100);
                    x++;
                    if(x==max)
                            x=0;
                    l=tl
  • .length;
            } else
                    setTimeout("ticker()",70); }
    function message(txt){
              window.status = txt;
              setTimeout("remove()",3000);      }
    function remove(){
              window.status="";   }
    // end
    // --></script>

    <div align="center">
      <center>  <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%" wight="40%">

            <form name="news" align="center">

                <p align="center"><input type="text" size="80"
                name="text" value="Faslam - Newsticker"></p>

    </form></td></tr></table>
      </center>
    </div>

    </body>

    </html>

TMK

Zitieren<div align="center">
  <center>  <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="100%" wight="40%">

        <form name="news" align="center">

            <p align="center"><input type="text" size="80"
            name="text" value="Faslam - Newsticker"></p>

</form></td></tr></table>
</center>
</div>

Die roten "Center"-Tags kannst denke ich komplett entfernen und der grün markierte Bereich sollte meines erachtens height="40%" heißen.

5im0n

Man sieht das textfeld aber leider immer noch nicht besser.

TMK

Grundsätzlich ist das Problem, dass der IE und Firefox "HTML"-Code oftmals unterschiedlich interpretieren und auch nicht 1zu1 identisch darstellen. Damit muss man leider leben bzw. auf Code zurückgreifen der dies möglichst vermeidet.

Du verwendest bei Dir Frames auf der Seite, was eigentlich generell schon ein verbrechen an die Browser und Suchmaschinen ist.

Denke Du solltest dann wohl hier die Frames anpassen:

<frameset framespacing="0" border="0" cols="187,*" frameborder="0">
  <frame name="left" scrolling="no" noresize target="mainFrame" src="inhalt.htm" marginwidth="1" marginheight="0">
  <frameset rows="88,*,25">

    <frame name="top" target="mainFrame" src="top.html" marginwidth="1" marginheight="1" scrolling="no" noresize>
    <frame name="mainFrame" src="clown.htm" target="_self" scrolling="auto" noresize marginwidth="12" marginheight="0">
    <frame name="bottomFrame" src="ticker.htm" target="_self" marginwidth="1" marginheight="1" scrolling="no" noresize>
  </frameset>


...siehe dazu auch:
http://de.selfhtml.org/html/frames/index.htm