Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: Scrollbare Zelle

  1. #1
    HTML Newbie
    Registriert seit
    20.01.2005
    Ort
    Frankfurt/M.
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Scrollbare Zelle

    Hallo,
    hab ein kleines Problem mit ner scrollbaren Zelle die ich nach dieser Anleitung erstellt hab: http://www.drweb.de/trickkiste/tricks154.shtml

    Also bei mir sieht das jetzt so aus: http://www.kisskct.com/test.htm (bitte nicht auf den Text achten, is nur zum testen)
    Zwei Dinge daran verstehe ich nicht.
    1. Warum ist der scrollbare Teil nur so niedrig, und nicht genauso hoch wie das Bild, das links neben dran ist?
    2. Warum kann man innerhalb der Zelle nicht mit dem Rad an der Maus scrollen?

    Zur Zeit habe ich das mit dem Text mit iframes gemacht, aber irgendwie wird dann manchmal der Inhalt nicht angezeigt. Mit Firefox z.b. sehe ich den Inhalt, mit IE aber nicht. Wobei ich von manchen Leuten gehört hab, dass es bei denen auch mit IE geht. also ganz komisch irgendwie. Das hier ist übrigens die aktuelle Version:
    http://www.kisskct.com/index.htm

    Ich hoffe ich hab mein Problem einigermassen verständlich ausgedrückt und stelle mich nicht allzu dumm an. Hab erst angefangen mit HTML...
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru
    Registriert seit
    13.01.2005
    Ort
    Schweiz
    Beiträge
    5.240
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,
    Da ich mich leider nicht so wahnsinnig mit iframes auskenne kann ich dir vielleicht nicht viel weiterhelfen. meine empfehlung, mach doch dort wo der text stehen soll eine tabelle, bei der bestimmst du die breite:

    <table width="500" align="center">
    siehe bsp. oben..., bei dem geht das scrollen ohne probleme und ist auch ne gute lösung.

    das problem mit den verschiedenen browsern gibts bei fast allem , nein, aber es ist immer ein bisschen anders von browser zu browser.

    ok - wenn dir damit geholfen ist - dann viel glück...

    übrigens, dass du erst angefangen hast, nicht schlecht ...

    mfg :: ph0re
    visit :: www.mautro.tk

  3. #3
    Großmeister(in)
    Registriert seit
    03.01.2005
    Beiträge
    582
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,
    Du musst Sachen, die Du kopierst, schon noch anpassen...erstmal solltest Du das Tag-Gestrüpp in Deiner Seite sortieren - zu den meisten öffnenden Tags gehören, schön in der Reihenfolge, die entsprechenden schliessenden Tags. Dann kann man das schon so hinkriegen, wie Du das gern hättest.
    MfG
    6_freddy

  4. #4
    Teeny
    Registriert seit
    20.01.2005
    Beiträge
    43
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    zu 1.

    Mit

    <td style="width: 100px; height: 100px;"> beschneidest du die Höhe des scrollbaren Bereichs. Mit

    <td style="width: 100px; height: 235px;">

    ist der Bereich genauso groß wie das Bild, leider aber in der Zelle zentriert. Leider hab ich dafür keine Lösung gefunden

    zu 2.

    Bei mir funktioniert das Scrollrad ohne Probleme.



    MfG

  5. #5
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hmm du arbeitest mit dem dreamwever ??
    Man sieht es am Quelltext.

    ein
    Code:
    <tr></tr>
    war drann schuld das der IE gestreickt hat.

    hier dein code gefixt und ein wenig auf geräumt.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Kimberly Taylor</title>
    <STYLE type=text/css>
    H1 &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    H2 &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    H3 &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    H4 &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    P  &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    UL &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    OL &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    LI &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    DIV &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    TD &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    TH  &#123;		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    ADDRESS &#123; 	FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    BLOCKQUOTE &#123; FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    NOBR &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    B &#123; 		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    I &#123;  		FONT-SIZE&#58; 12px; FONT-FAMILY&#58; verdana &#125;
    BODY &#123; 		SCROLLBAR-FACE-COLOR&#58; #464b51; SCROLLBAR-HIGHLIGHT-COLOR&#58; #464b51; SCROLLBAR-SHADOW-COLOR&#58; #464b51; SCROLLBAR-ARROW-COLOR&#58; #ffffff; SCROLLBAR-DARKSHADOW-COLOR&#58; #464b51; SCROLLBAR-BASE-COLOR&#58; #464b51; scrollbar-3d-light-color&#58; #464B51; 
    		margin-top&#58; 8em;
      		margin-right&#58; 0em;
      		margin-bottom&#58; 6em;
      		margin-left&#58; 0em; 
    &#125;
    A&#58;link &#123;  	CURSOR&#58; pointer; COLOR&#58; #ffffff; TEXT-DECORATION&#58; none &#125;
    A&#58;visited &#123; CURSOR&#58; pointer; COLOR&#58; #ffffff; TEXT-DECORATION&#58; none &#125;
    A&#58;hover &#123; 	CURSOR&#58; pointer; COLOR&#58; #CCCCCC; TEXT-DECORATION&#58; none &#125;
    A&#58;active &#123; 	CURSOR&#58; pointer; COLOR&#58; #ffffff; TEXT-DECORATION&#58; none &#125;
    .Stil1 &#123;	font-size&#58; 18px &#125;
    .Stil2 &#123; 	color&#58; #FFFFFF; font-weight&#58; bold; &#125;
    </STYLE>
    
    <meta name="keywords" content="Kimberly Taylor, KissKCT, K!ssKCT, Model, Sedcard, Miss Body, photomodel, candace">
    </HEAD>
    <BODY background="bg3.jpg">
    <script language="javascript">
    var data, p;
    var agt=navigator.userAgent.toLowerCase&#40;&#41;;
    p='http';
    if&#40;&#40;location.href.substr&#40;0,6&#41;=='https&#58;'&#41;||&#40;location.href.substr&#40;0,6&#41;=='HTTPS&#58;'&#41;&#41; &#123;p='https';&#125; data = '&r=' + escape&#40;document.referrer&#41; + '&n=' + escape&#40;navigator.userAgent&#41; + '&p=' + escape&#40;navigator.userAgent&#41;
    if&#40;navigator.userAgent.substring&#40;0,1&#41;>'3'&#41; &#123;data = data + '&sd=' + screen.colorDepth + '&sw=' + escape&#40;screen.width+ 'x'+screen.height&#41;&#125;;
    document.write&#40;'<a href="http&#58;//www.counter-gratis.com" target="_blank" >'&#41;;
    document.write&#40;'[img]http&#58;//www.counter-gratis.com/counter.php?i=21196' + data + '[/img] </a>'&#41;;
    </script>
    <table width="100%" height="80%" border="1" cellpadding="3" cellspacing="0" rules="none">
    <tr> 
    
    <td height="30"  colspan="4" valign="top" bgcolor="#B2C0C0"><span class="Stil1"></span>  
    <table width="50%" border="0" align="center" cellpadding="4" cellspacing="0">
      <tr align="center">
      <td>home</td>
          <td>|</td>
          <td>sedcard</td>
          <td>|</td>
          <td>galerie</td>
          <td>|</td>
          <td>referenzen</td>
          <td>|</td>
          <td>kontakt</td>
          <td>|</td>
          <td>links</td>
          <td>|</td>
          <td>G&auml;stebuch</td>
      </tr>
    </table>
    </td>
    </tr>
    <tr> 
     
    <td width="18" height="276" bgcolor="#E5E5E5"></td>
    
    <td width="169"  bgcolor="#E5E5E5">
    
    [img]bilder/kimblue.jpg[/img]</p>
      
    
    last update&#58; 20.01.05</p></td>
    <td width="571"   bgcolor="#E5E5E5">          
    
    <TABLE height="100%" cellSpacing="0" cellPadding="0" width="99%" border=0>
    <TR valign=0>
    <TD>
    <IFRAME align="left" style="BORDER-RIGHT&#58; #000000 0px solid; BORDER-TOP&#58; #000000 0px solid; BORDER-LEFT&#58; #000000 0px solid; BORDER-BOTTOM&#58; #000000 0px solid" name=inhalt marginWidth=0 marginHeight=0 src="news.htm" width="90%" height="100%">Ihr Browser unterstüzt leider keine iframes.</IFRAME>
    </TD>
    </TR>
    </TABLE>
    </tr>
    </table>
    
    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#C0CCCC">
      <tr>
        <td width="88%"><div align="right">©2005 Kimberly C. Taylor |</div></td>
        <td width="12%" align="right"><div align="left">  impressum</div></td>
      </tr>
    </table>
    </td>
     </span> <span class="Stil2">online</span><a href="http&#58;//www.counter-kostenlos.net/" target="_blank">                          
    <SCRIPT LANGUAGE="JavaScript" SRC="http&#58;//www.onlinewebservice3.de/onlinecount.php?id=c54422"></SCRIPT>
    </a><SCRIPT LANGUAGE="JavaScript1.1" TYPE="text/javascript" SRC="http&#58;//www.flash-counter.com/count.php?id=4899&amp;count=yes&amp;visible=yes"></SCRIPT>
    <table cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="2"><p align="center"> DEAR VISITORS ! 
    
            normaly i dont beg my visitors for any donations, 
    
            but in this case I MUST. Perhaps you have some $ left for the victims of this unbeliveble terrible Tsunami flooding desaster. 
    
            Lets try to help together, at least a little. 
    
            Thank YOU for every single Dollar you donate ... KIMY</p></td>
      </tr>
      <tr>
        <td><p align="center">donations click here 
    
                [img]bilder/tsunami1.jpg[/img]
    
            AMERICAN RED CROSS </p></td>
        <td><p align="center">spenden klicke hier 
    
                [img]bilder/tsunami2.jpg[/img]
    
            DEUTSCHES ROTES KREUZ </p></td>
      </tr>
      <tr>
        <td colspan="2"><p align="center">LIEBE BESUCHER ! 
    
            Normalerweise bettle ich bei meinen Besuchern nicht um Spenden, aber in diesem Fall tue ich es. Ich bin sicher jeder Euro, der gespendet wird, hilft den Opfern dieser schrecklichen Tsunami Flutkatastrophe zumindest ein bisschen. Lasst uns gemeinsam helfen, es hat wieder einmal die 
    
    &auml;rmsten der Armen getroffen. 
    
            Ich bedanke mich f&uuml;r jeden Cent der gespendet wird ... KIMY </p></td>
      </tr>
    </table>
    </body>
    </html>
    Ich würde sogar bald zu eienr externen CSS datei greifen bei der Menge an Style Sheets .

    Und ausserdem ist für dich der IFRAME schon die beste Lösung.
    fallst du nco hProbleme mit der höhe des iframes haben soltest würde ich es mit festen pixelangaben versuchen.

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    20.01.2005
    Ort
    Frankfurt/M.
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Erstmal danke!!! für die vielen Tipps!!

    @GreenRover Du hast dir ja echt Mühe gemacht meinetwegen Vielen Dank! Werd das gleich mal testen!
    Bei festen Pixelangaben war ich mir nicht sicher, ob das dann bei den verschiedenen Bildschirmauflösungen klappt...

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    20.01.2005
    Ort
    Frankfurt/M.
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hat etwas gedauert, aber ich hab jetzt endlich den Code ausgetauscht. Also rein optisch isses schon mal viel besser, weil jetzt auch die Höhe stimmt.
    Allerdings funzt das beim IE immer noch nicht...

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    20.01.2005
    Ort
    Frankfurt/M.
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo?

  9. #9
    topfblume
    Gast

    Standard

    Moin ...

    Was hast Du denn noch so für Deine Seite getan, ausser den von einem netten Codeverbesserer verbesserten Code in Deine Seite einzufügen?

    Gruß

  10. #10
    HTML Newbie
    Themenstarter

    Registriert seit
    20.01.2005
    Ort
    Frankfurt/M.
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wie meinst du das, was ich dafür getan habe?
    Ausser, dass eben die iframes nicht bei jedem browser angezeigt werden, funktioniert ja alles.
    Und leider kenne ich mich halt noch nicht gut genug aus, um den Fehler selbst zu finden, bzw. den Grund dafür.

Ähnliche Themen

  1. scrollbare Tabelle (div - Problem mit Firefox)
    Von stani im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 09.02.2008, 12:47
  2. Zelle als Link
    Von Yellowsnow im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 26.10.2007, 16:49
  3. Scrollbare DIV im Firefox und Opera
    Von Glowbus im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 06.10.2006, 13:04
  4. iframe, frameersatz oder scrollbare zelle
    Von vv im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 15.01.2005, 13:59
  5. tabelle in zelle
    Von sarah im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 13.07.2004, 18:07

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •