Scrollbare Zelle

KissKCT

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

phore

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:

Zitat

<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 :: http://www.mautro.tk

6_freddy

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

MacNoob

zu 1.

Mit

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

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

GreenRover

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.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Kimberly Taylor</title>
<STYLE type=text/css>
H1 { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
H2 { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
H3 { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
H4 { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
P  { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
UL { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
OL { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
LI { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
DIV { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
TD { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
TH  {		FONT-SIZE: 12px; FONT-FAMILY: verdana }
ADDRESS { 	FONT-SIZE: 12px; FONT-FAMILY: verdana }
BLOCKQUOTE { FONT-SIZE: 12px; FONT-FAMILY: verdana }
NOBR { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
B { 		FONT-SIZE: 12px; FONT-FAMILY: verdana }
I {  		FONT-SIZE: 12px; FONT-FAMILY: verdana }
BODY { 		SCROLLBAR-FACE-COLOR: #464b51; SCROLLBAR-HIGHLIGHT-COLOR: #464b51; SCROLLBAR-SHADOW-COLOR: #464b51; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #464b51; SCROLLBAR-BASE-COLOR: #464b51; scrollbar-3d-light-color: #464B51; 
		margin-top: 8em;
  		margin-right: 0em;
  		margin-bottom: 6em;
  		margin-left: 0em; 
}
A:link {  	CURSOR: pointer; COLOR: #ffffff; TEXT-DECORATION: none }
A:visited { CURSOR: pointer; COLOR: #ffffff; TEXT-DECORATION: none }
A:hover { 	CURSOR: pointer; COLOR: #CCCCCC; TEXT-DECORATION: none }
A:active { 	CURSOR: pointer; COLOR: #ffffff; TEXT-DECORATION: none }
.Stil1 {	font-size: 18px }
.Stil2 { 	color: #FFFFFF; font-weight: bold; }
</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();
p='http';
if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&r=' + escape(document.referrer) + '&n=' + escape(navigator.userAgent) + '&p=' + escape(navigator.userAgent)
if(navigator.userAgent.substring(0,1)>'3') {data = data + '&sd=' + screen.colorDepth + '&sw=' + escape(screen.width+ 'x'+screen.height)};
document.write('<a href="http://www.counter-gratis.com" target="_blank" >');
document.write('[img]http://www.counter-gratis.com/counter.php?i=21196' + data + '[/img] </a>');
</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>[url='index.htm'][b]home[/b][/url]</td>
      <td>|</td>
      <td>[url='xsedcard.htm']sedcard[/url]</td>
      <td>|</td>
      <td>[url='galerie.htm']galerie[/url]</td>
      <td>|</td>
      <td>[url='xreferenzen.htm']referenzen[/url]</td>
      <td>|</td>
      <td>[url='xkontakt.htm']kontakt[/url]</td>
      <td>|</td>
      <td>[url='xlinks.htm']links[/url]</td>
      <td>|</td>
      <td>[url='xgb.htm']G&auml;stebuch[/url]</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: 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: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #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">[url='ximpressum.htm']  impressum[/url][url='#'][/url]</div></td>
  </tr>
</table>
</td>
[url='http://www.counter-kostenlos.net/'] </span> [/url]<span class="Stil2">online</span><a href="http://www.counter-kostenlos.net/" target="_blank">                          
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c54422"></SCRIPT>
</a><SCRIPT LANGUAGE="JavaScript1.1" TYPE="text/javascript" SRC="http://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">[b]donations click here [/b]


            [url='https://www.redcross.org/donate/donation-form.asp'][img]bilder/tsunami1.jpg[/img][/url]


        AMERICAN RED CROSS </p></td>
    <td><p align="center">[b]spenden klicke hier [/b]


            [url='https://www.drk.de/spenden/'][img]bilder/tsunami2.jpg[/img][/url]


        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>

Alles anzeigen

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.

KissKCT

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

KissKCT

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

KissKCT

Hallo?

topfblume

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ß

KissKCT

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.

topfblume

Moin ...

Na ja, ich habe mich mal durch Deinen wüsten Quellcode durchgewühlt.
Also ich denke es ist kein Fehler vom IE sondern von den Browsern, die etwas anzeigen.

In der Zeile in der der iframe ist gibt es keine feste height Angabe. Was ja auch fortschrittlich ist.

Die Höhe ergibt sich aus Deinem Bild und dem Text darunter. (235px+ein bischen)

Dein iframe soll jetzt 100% hoch sein von 235 und ein bischen. Ich denke mal damit kann der IE nichts anfangen.

Ich bin mir doch nicht sicher, welcher Browser jetzt hier den Fehler macht. Würde mich auch mal interressieren.

-----------------------------------------------------

Lösungsvorschlag:

Suche in Deinem Quelltext den iframe und gebe dort wo jetzt height="100%" steht mal height="300px" ein.

--------------------------------------------------------

KissKCT

Hat geklappt!! Vielen Dank!

Tags

Benutzer online in diesem Thema