scrollbar in tabel buiten de <th> laten?

Status
Niet open voor verdere reacties.
J

janyep

Gebruiker
Lid geworden
7 mei 2008
Berichten
261
Hallo beste allemaal,

hier nog een kleine hersenkraker voor de liefhebber ( zou er blij mee zijn! )

Op http://onzeautovakantiesinnoorwegen.nl/gastenboek.html
staan naast elkaar twee tabellen, ieder in een eigen <div> met hun float:right en float:left

In de rechtertabel wordt in een iframe een externe .html geladen.

Kan in de linkertabel de
<tr>
<th> Gastenboek 2001-2012 = gesloten

buiten / boven de scrollbar vallen?

Met vr gr, janyep

Code: 
<!-- tabel gastenboek actueel --><!-- geplaatst in een div omdat tabel gastenboek oud (hierna) ook in div moet -->
<div style="border:solid 1px; float:right; width:550px; height:640px; margin-bottom:10px; margin-right:33px; overflow:hidden;">
	<table width="540" border="1">
        <tr>
          <th>
			<div class="regio" style="margin-bottom:10px; text-align:right;">Gastenboek &nbsp;actueel:</div>
          </th>
        </tr>
        <tr>
          <td>
			<iframe width="540" height="590" frameborder="1" marginwidth="1" marginheight="10" src="http://gastenboeknoorwegen.mygb.nl/"><div class="code">Uw browser ondersteunt blijkbaar geen frames.&nbsp; U kunt de inhoud van dit &nbsp;(voor u niet zichtbare)&nbsp; venster bekijken in&nbsp;<span class="balloon"><a href="http://gastenboeknoorwegen.mygb.nl/" target="_blank">&nbsp;Gastenboek&nbsp;</a></span></div></iframe>
          </td>
        </tr>
	</table>
</div>
<!-- einde tabel gastenboek actueel --><!-- deze tabel was geplaatst in een div omdat tabel gastenboek oud ook in div moest -->
	
<!-- begin tabel gastenboek oud --><!-- deze moet in een div ivm scrollen http://stackoverflow.com/questions/4457274/css-how-to-specify-tables-height-such-that-a-vertical-scroll-bar-appears -->
<div style="border:solid 1px; float:left; width:550px; height:640px; margin-bottom:10px; margin-left:33px; resize:both; overflow:scroll; overflow-y:scroll; overflow-x:hidden;">
	<table class="gastenboek" border="1" align="center" style="border-collapse:collapse;"><!-- Since cellspacing and cellpadding are no longer supported in HTML5, use the following CSS: -->
        <tr>
          <th>
			<div class="regio" style="margin-bottom:10px; text-align:right;">Gastenboek &nbsp;2001 &nbsp;-&nbsp; 2012&nbsp; <span style="font-size:14px;">(=&nbsp; gesloten):</span></div>
          </th>
        </tr>

        <tr>
           <td>
			J. Bosch<span class="flr">04-01-2012</span>
           </td>
        </tr>		
	</table>
</div>
<!-- einde tabel gastenboek oud --><!-- deze moest in een div ivm scrollen -->
 
Is het ook niet al opgelost als je een div om alle TR's zet (op degene met TH erin na)?
 
Nou ja zech! Dat is wel wat anders als via Rome naar Keulen (of zoiets)

http://onzeautovakantiesinnoorwegen.nl/gastenboek.html

morgen nog even checken in div. browsers maar het lijkt te kunnen.
Hartstikke hartstikke bedankt!
vr groet en fijne avond gewenst, janyep

In de code is alleen verplaatst wat blauw is en toegevoegd wat rood is:

Code: 
<!-- begin tabel gastenboek actueel --><!-- geplaatst in een div omdat tabel gastenboek oud (hierna) ook in div moet -->
<div style="border:solid 1px; float:right; width:550px; height:640px; margin-bottom:10px; margin-right:33px; overflow:hidden;">
	<table width="540" border="1">
        <tr>
          <th>
			<div class="regio" style="margin-bottom:10px; text-align:right;">Gastenboek &nbsp;actueel:</div>
          </th>
        </tr>
        <tr>
          <td>
			<iframe width="540" height="590" frameborder="1" marginwidth="1" marginheight="10" src="http://gastenboeknoorwegen.mygb.nl/"><div class="code">Uw browser ondersteunt blijkbaar geen frames.&nbsp; U kunt de inhoud van dit &nbsp;(voor u niet zichtbare)&nbsp; venster bekijken in&nbsp;<span class="balloon"><a href="http://gastenboeknoorwegen.mygb.nl/" target="_blank">&nbsp;Gastenboek&nbsp;</a></span></div></iframe>
          </td>
        </tr>
	</table>
</div>
<!-- einde tabel gastenboek actueel --><!-- deze tabel was geplaatst in een div omdat tabel gastenboek oud ook in div moest -->




<!-- begin tabel gastenboek oud -->[COLOR="#0000FF"][B]<!--  -->[/B][/COLOR]

	<table class="gastenboek" border="1" align="center" style="width:550px; margin-left:33px; border-collapse:collapse;"><!-- Since cellspacing and cellpadding are no longer supported in HTML5, use the following CSS: -->
        <tr>
          <th>
<div class="regio" style="margin-bottom:10px; text-align:right;">Gastenboek &nbsp;2001 &nbsp;-&nbsp; 2012&nbsp; <span style="font-size:14px;">(=&nbsp; gesloten):</span></div>
          </th>
        </tr>[COLOR="#FF0000"][B]</TABLE>[/B][/COLOR]

[COLOR="#0000FF"][B]<!-- deze moet in een div ivm scrollen http://stackoverflow.com/questions/4457274/css-how-to-specify-tables-height-such-that-a-vertical-scroll-bar-appears -->
<DIV style="[/B][/COLOR]border:solid 1px; width:550px; height:640px; margin-bottom:10px; margin-left:33px; resize:both; overflow:scroll; overflow-y:scroll; overflow-x:hidden;">
	[COLOR="#FF0000"]<TABLE class=[/COLOR]"gastenboek" border="1" align="center" style="border-collapse:collapse;"><!-- Since cellspacing and cellpadding are no longer supported in HTML5, use the following CSS: -->

        <tr>
           <td class="gast">J. Bosch<span class="flr">04-01-2012</span></td>
        </tr>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan