• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Problem mit Tabell fixieren (Verzweiflung PUR)

D

dani321

Neues Mitglied
hi zusammen,
vorneweg möchte ich noch erwähnen das ich kaum in foren unterwegs bin, falls diese frage also schonmal gestellt wurde könnt ihr mich gern darauf hinweißen.

nun zu meinem problem:

ich versuche schon seit gut einer woche ein teil meiner tabelle zu fixieren. damit mein ich, dass wenn man in der seite herunter scrollt, der fixierte teil mitscrollt. habe schon unzählige möglichkeiten versucht aber alles vergebens.:cry:

anschließend noch ein screenshot und mein quwellcode.

SS_projekt.jpg
HTML: 
<html>
    <head>
            <meta name="robots" content="noindex" />
            <title>Glosse</title>
                <link rel="Shortcut Icon" href="http://www.ad-agents.com/wp-content/themes/ad-agents/images/favicon.ico" type="image/x-icon" />
    </head>

<body bgcolor="E7E7E7" background="<!-- URL -->">

    <table bgcolor="#C4C4C4" align="center" width="647">
        <tr>
            <td align="center"> <marquee behavior="scroll" direction="left" scrollamount="5" scrolldelay="0"><strong>Lesen, Verstehen, Merken!</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Lesen, Verstehen, Merken!</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Lesen, Verstehen, Merken!</strong></marquee> </td>
        </tr>
    </table>


    <table border="0" width="647" cellpadding="20" align="center" cellspacing="1" bgcolor="#FFFFFF" bordercolor="#FFFFFF">
        <tr bgcolor="">
            <td align="center">  <img src="http://affiliate.ad-suit.com/newsletter/img/ad-agents_logo.gif"> </td>
        </tr>
    </table>


    <table border="0" width="647" cellpadding="5" align="center" cellspacing="1" bgcolor="#FFFFFF" bordercolor="#FFFFFF">
        <tr>
            <td align="center">   <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="2"> </td>
        </tr>

        <tr>

            <td>   <p><font face="Verdana" size="4">&nbsp;&nbsp;&nbsp;Glossar</font><font align="right" face="Verdana" size="2"><span style="position:relative;right:-36em"><a style="text-decoration:none;border-style:none;color:#ff860d;font-family:Verdana, sans-serif;font-weight:bold;" target="_blank" href="http://www.schnelle-online.info/Atomuhr-Uhrzeit.html" id="soitime96306543821">Atom-Uhr</a>
<script type="text/javascript">
SOI = (typeof(SOI) != 'undefined') ? SOI : {};(SOI.ac21fs = SOI.ac21fs || []).push(function()
{(new SOI.DateTimeService("96306543821", "DE")).start();});
(function() {if (typeof(SOI.scrAc21) == "undefined") { SOI.scrAc21=document.createElement('script');SOI.scrAc21.type='text/javascript'; SOI.scrAc21.async=true;SOI.scrAc21.src=((document.location.protocol == 'https:') ? 'https://' : 'http://') + 'homepage-tools.schnelle-online.info/Homepage/atomicclock2_1.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(SOI.scrAc21, s);}})();
</script>
</span></font></p>
            </td>
        </tr>


        <tr>
            <td align="center">   <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="2"> </td>
        </tr>
    </table>



    <table border="0" width="647" cellpadding="20" align="center" cellspacing="1" bgcolor="#FFFFFF" bordercolor="#FFFFFF">
        <tr>
            <td align="">    <font size="2" face="Verdana">

                    Dummy-Text1
                    


                    </font></td>
        </tr>
    </table>


    <table border="0" width="590" cellpadding="20" align="center" cellspacing="1" bgcolor="#FFFFFF" bordercolor="#FFFFFF">

            <tr>
                <td align="center" bgcolor="#ff0000"> <font size="2" face="Verdana">
                        Dummy-text.<br><br>
                    <select name="Bsp" onchange="goto_location(this.from.url.options[selectedIndex].value)">
                        <option label="GESAMTÜBERSICHT" value="pojekt.html">GESAMT&Uuml;BERSICHT</option>
                        <option value="Bsp1">Bsp1</option>
                        <option value="Bsp2">Bsp2</option>
                        <option value="Bsp3">Bsp3</option>
                        <option value="Bsp4">Bsp4</option>
                    </select>
                </font>
                </td>
            </tr>


        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp1</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text2
                    

                    </font> </td>
        </tr>

        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp2</b> </font><br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text3


                    </font> </td>
        </tr>

        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp3</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text3
                    

                    </font> </td>
        </tr>

                

        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp4</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text4


                    </font> </td>
        </tr>


        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp5</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text5


                    </font> </td>
        </tr>
        

        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp6</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text6


                    </font> </td>
        </tr>
        

        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp7</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">
                    <!-- ******************* -->
                    <!-- * VON HIER BIS... * -->
                    <!-- ******************* -->

                    dummy-Text7


                    </font> </td>
        </tr>
        

        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp8</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text8


                    </font> </td>
        </tr>
        

        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp9</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text9

                    </font> </td>
        </tr>
        

        <tr>

            <td align="">    <font size="3" face="Verdana"> <b>Bsp10</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text10


                    </font> </td>
        </tr>
        

        <tr>                        

            <td align="">    <font size="3" face="Verdana"><b>Bsp11</b></font> <br> <img src="http://affiliate.ad-suit.com/newsletter/img/1px.gif" align="center" width="605" height="1">
                    <br><br>
                    <font size="2" face="Verdana">


                    Dummy-Text11


                    </font> </td>
        </tr>
    </table>

</body>
</html>

ich hoffe ihr könnt mir schnell helfen. :)

schonmal tausenddank ;heart

viele grüße
Daniele
 
Dein HTML-Code sieht nicht wirklich sauber aus. Du verwendest HTML-Elemente wie <font> die man heutzutage nicht mehr verwenden sollte. Da deinem HTML-Code auch ein Doctype fehlt kann ich nicht beurteilen in welchem HTML-Standard Du eigentlich schreiben willst.

In jedem Fall würde ich dir jedoch raten das Styling (z.B. die Schriftgrößen, Hintergrundfarben ...) per CSS zu realisieren. Denn in CSS wirst Du auch die Lösung für deinen Wunsch finden. Für das was Du suchst gibt es die CSS-Eigenschaft

Code: 
position: fixed;

Siehe:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

Dazu solltest Du den zu scrollenden Bereich aber unabhängig von der Tabelle im HTML-Code hinterlegen. Also z.B. in einem eigenen <div>.

Wenn Du bisher CSS nicht verwendet hast, schau dir die Grundlagen an. Es gibt viele Webseiten die das recht anschaulich zeigen:
SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden
CSS 4 You - The Finest in Stylesheets
..
 
Da du nur eine Einpspaltige Tabelle verwendest, solltest du überlegen, ob du auf eine Tabelle nicht überhaupt verzichtest und das ganze mit Containern realisierst. Die lassen sich dann auch leicht, einzeln, mit der oben geposteten Eigenschaft fixieren.
 
vielen rechtherzlich danke für die schnellen antwortn. meine html kenntnisse sind recht bescheiden. was ich kann ist wirklich nur reines html und dieses doctype habe ich noch nie verwendet... :S
css ist für mich absolutes neuland. werde mich aber für die problemlösung gern reinlesen :)
an dieser stelle noch einmal vielen vielen dank

gruß
Daniele
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben