Autore Topic: scrolling = "no" su firefox (Letto 1985 volte)

stiffa · « **il:** 22 Novembre 2005 17:22:17 »

ciao.
Volevo sapere...cosa devo mettere per far si che un iframe su firefox non abbia la scrollbar???

Se metto scrolling = "no" , su IE va perfettamente....su FireFox....appare la scroll....

aiuto

thx

mas_160 · « **Risposta #1 il:** 22 Novembre 2005 18:11:17 »

Dovrebbe funzionare anche in FF, ho provato ora...
Comunque un'alternativa è utilizzare un foglio di stile (o uno stile inline, come preferisci) impostando per la iframe la proprietà owerflow, esempio:

Codice: [Seleziona]

....
<iframe src="http://www.quellochetipare.com" style="width: 300px; height: 450px; overflow: hidden; display:block">
</iframe>
.....

Dovrebbe funzionare con qualsiasi browser che supporta CSS.

stiffa · « **Risposta #2 il:** 23 Novembre 2005 09:15:25 »

ciao, grazie del consiglio....ma non mi funziona....
Ti posto il codice cosi magari vedi te....ho provato come hai detto ma niente.
Ah...piccolo dettaglio.... su FF l'iframe scorre in giu ma non ha la scrollbar a lato...pero' scorre in giu lo stesso....

aiutooooo

ecco il codice

Codice: [Seleziona]



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  


  
  <title>ModelloAdmin</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">


  
  <style type="text/css">
<!--
td {
font-family: verdana;
font-size: 10px;
color: #000000;
text-decoration: none;
border: none;
}
.text {
font-family: verdana;
font-size: 9px;
color: #000000;
text-decoration: none;
border: none;
}
img {
text-decoration: none;
border: none;
}
.green {
font-family: verdana;
font-size: 9px;
color: #5BA225;
text-decoration: underline;
border: none;
font-weight: bold;
}
.green1 {
font-family: verdana;
font-size: 10px;
color: #5BA225;
text-decoration: underline;
border: none;
font-weight: bold;
}
.orange {
font-family: verdana;
font-size: 9px;
font-weight: bold;
color: #FF8A00;
text-decoration: underline;
}
.orange1 {
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FF8A00;
text-decoration: underline;
}
-->
  </style>
</head>


<body leftmargin="0" topmargin="0" style="background-color: rgb(255, 255, 255); background-image: url(images/main_bg.jpg);" marginheight="0" marginwidth="0">


<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0"   width="800">


  <tbody>


    <tr>


      <td rowspan="5" bgcolor="#000000" width="1"><img src="images/spacer.gif" height="1" width="1"></td>


      <td><img src="images/spacer.gif" alt="" height="1" width="51"></td>


      <td><img src="images/spacer.gif" alt="" height="1" width="107"></td>


      <td><img src="images/spacer.gif" alt="" height="1" width="41"></td>


      <td><img src="images/spacer.gif" alt="" height="1" width="32"></td>


      <td><img src="images/spacer.gif" alt="" height="1" width="348"></td>


      <td><img src="images/spacer.gif" alt="" height="1" width="170"></td>


      <td><img src="images/spacer.gif" alt="" height="1" width="31"></td>


      <td rowspan="5" bgcolor="#000000" width="1"><img src="../images/spacer.gif" height="1" width="1"></td>


    </tr>


    <tr>


      <td colspan="3" rowspan="2" background="images/4.gif" height="128" valign="top" width="199"> <img src="images/compumaster.gif" alt="compumaster.gif"></td>


      <td colspan="4"><img src="images/TopBannerCompuMaster.gif" alt="TopBannerCompuMaster.gif"></td>


      <td><img src="images/spacer.gif" alt="" height="85" width="1"></td>


    </tr>


    <tr>


      <td colspan="2"><img src="images/IntegratedSolutionsProvider.gif" alt="IntegratedSolutionsProvider.gif"></td>


      <td background="images/6.jpg" height="43" width="170"></td>


      <td><br>


      </td>


      <td><img src="images/spacer.gif" alt="" height="43" width="10"></td>


    </tr>


    <tr>


      <td colspan="7"valign="top">
	
	<table border = "1" width = "700" align = "center">
		<tr>
			<td><img src="images/spacer.gif" alt="" height="100" width="1">
			</td>
		</tr>
		<tr>
			<td><iframe src = "scrollbarMozilla.php"  scrolling="no" style="width: 800px; height: 500px; overflow: hidden; display:block"> </iframe>
			</td>
		</tr>
	</table>


      </td>


      <td colspan="3" height="100%" valign="top" width="549"><br>


      </td>


      <td><img src="images/spacer.gif" alt="" height="503" width="1"></td>


    </tr>


    <tr>


      <td colspan="4"><img src="images/bot.gif" alt="" height="64" width="231"></td>


      <td colspan="3"><img src="images/bot1.gif" alt="" usemap="#Map3" border="0" height="64" width="549"></td>


      <td><img src="images/spacer.gif" alt="" height="64" width="1"></td>


    </tr>


  
  </tbody>
</table>

</body>
</html>

basta che gli includi nell'iframe (dove io ho messo src="scrollbarMozilla.php")
un file qualsiasi con una tabella alta 1000 per esempio e ti accorgerai che non funziona.

graize dell'aiuto

stiffa · « **Risposta #3 il:** 23 Novembre 2005 10:35:01 »

Emergenzaaaaaaaaaa

Aiutatemi pls....anche su explorer ha un bel problemino scoperto per caso.

Se tengo clikkato il mouse sull'iframe e poi trascinop in giu l'effetto che ho e' che il frame scrolla, sia in verticale che in orizzontale...
Diciamo che come e' messo adesso non ha abilitato l'uso di mouse3 ....
che faccio?

help

mas_160 · « **Risposta #4 il:** 23 Novembre 2005 12:05:19 »

Chiariamo una cosa: tutto ciò che puoi fare è impedire la visualizzazione delle barre di scorrimento, cosa che con entrambi i metodi funziona tanto con IE che con FF, mentre lo scrolling tramite click'n drag o con la rotellina del mouse comunque avviene, con qualsiasi browser.

Se intendi nascondere la parte eccedente dello iframe hai solo due possibilità: o non metti nella pagina le cose che vuoi nascondere o intercetti con JavaScript gli eventi di click e movimento della rotellina (cosa sicuramente più complicata).

Comunque non è un problema di FF, né del codice, semplicemente con HTML da solo non puoi ottenere quello che vuoi...

(OT) Ma poi, perchè lo vuoi ottenere?