[HTML] iframes & scrollbars - Softwareontwikkeling

maandag 8 oktober 2007 07:49

Acties:

Topicstarter

Het probleem:

De ene keer laat Firefox wel een horizontale scrollbalk zien in de onderste iframe, de andere keer weer niet.

Ik was druk aan het coden, maar opeens na een refresh op een onverklaarbare wijze de horizontale scrollbalk verdwenen Even later was hij weer terug na niks te hebben veranderd aan de code.

IE7 heeft nergens last van.

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<head>
<title>Privé</title>
<style type="text/css">
<!--
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
body {
    background-color: #9BDBD8;
}
-->
</style>
</head>
<body>
<table width="800" align="center">
  <tr>
    <td colspan="3"><span class="style1">Vianen</span></td>
  </tr>
    <tr>
          <td valign="top" colspan="3">
<iframe src="vianen.html" height="300" width="100%" frameborder="0" scrolling="auto">
<p>Your browser does not support inline frames or is currently configured not to display inline frames.<p>
</iframe>
<br></td>
    </tr>
  <tr>
    <td colspan="3"><span class="style1">Filter</span></td>
  </tr>
    <tr>
          <td valign="top" colspan="3">
<iframe src="filter.html" height="300" width="100%" frameborder="0" scrolling="auto">
<p>Your browser does not support inline frames or is currently configured not to display inline frames.<p>
</iframe>
<br></td>
    </tr>
  <tr>
    <td colspan="3"><span class="style1">Monitor</span></td>
  </tr>
    <tr>
          <td valign="top" colspan="3">
<iframe src="monitor.html" height="300" width="100%" frameborder="0" scrolling="auto">
<p>Your browser does not support inline frames or is currently configured not to display inline frames.<p>
</iframe>
  </td>
  </tr>
</table>
</body>
</html>

FF (2.0.0.7) of codeprobleem?

Edit:

Linkje naar onleesbaar gemaakte screenshot:
http://80.127.6.120/GoT/iframes.png

[ Voor 6% gewijzigd door F4T4L_3RR0R op 08-10-2007 08:05 ]

maandag 8 oktober 2007 08:59

Acties:

Rekcor

http://www.dynamicdrive.c...ive/index.php/t-3453.html

gieuwsnierig vraagje: waarom heb je die screenshot onleesbaar gemaakt, werk je voor de AIVD?

[ Voor 42% gewijzigd door Rekcor op 08-10-2007 12:15 . Reden: gieuwsnierig vraagje toegevoegd ]

maandag 8 oktober 2007 17:19

Acties:

F4T4L_3RR0R

Topicstarter

Bedankt voor de hulp en link Rekcor.

Ik heb de code aangepast:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Privé</title>
<style type="text/css">
<!--
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
body {
    background-color: #9BDBD8;
}
iframe {
    overflow-x: hidden;
}
-->
</style>
</head>
<body>
<table width="800" align="center">
  <tr>
    <td colspan="3"><span class="style1">Vianen</span></td>
  </tr>
    <tr>

          <td valign="top" colspan="3">
<iframe src="vianen.html" height="300" width="100%" frameborder="0" scrolling="yes">
<p>Your browser does not support inline frames or is currently configured not to display inline frames.<p>
</iframe>
<br></td>
    </tr>
  <tr>
    <td colspan="3"><span class="style1">Filter</span></td>
  </tr>
    <tr>
          <td valign="top" colspan="3">

<iframe src="filter.html" height="300" width="100%" frameborder="0" scrolling="yes">
<p>Your browser does not support inline frames or is currently configured not to display inline frames.<p>
</iframe>
<br></td>
    </tr>
  <tr>
    <td colspan="3"><span class="style1">Monitor</span></td>
  </tr>
    <tr>
          <td valign="top" colspan="3">
<iframe src="monitor.html" height="300" width="100%" frameborder="0" scrolling="yes">
<p>Your browser does not support inline frames or is currently configured not to display inline frames.<p>

</iframe>
  </td>
  </tr>
</table>
</body>
</html>

En de CSS van de pagina's in de iframes:

code:

body      { margin: 2px; padding: 2px; width:98%; }
table     { FONT-SIZE: 9px;
            FONT-FAMILY: Verdana, arial, helvetica, serif;
            font-weight: bold; }
TD        { padding-right: 3px; vertical-align: top; }

.NOCSS215 { visibility: hidden; display: none; }

/* Column colors */

.COL1  { color: #fff; white-space: nowrap; text-align: right; }                       /* Capcode               */
.COL1X { color: #aaa; white-space: nowrap; font-family: Monaco, Courier, monospace; } /* Questionmarks         */  
.COL2  { color: #60f; white-space: nowrap; }                                          /* Time                  */
.COL3  { color: #60f; white-space: nowrap; }                                          /* Date                  */
.COL4  { color: #0c0; white-space: nowrap; }                                          /* Mode                  */
.COL5  { color: #0c0; white-space: nowrap; }                                          /* Type                  */
.COL6  { color: #0c0; white-space: nowrap; text-align: right; }                       /* Bitrate               */
.COL7  { color: #0ff; }                                                               /* Message               */
.COL7G { color: #6fc; }                                                               /* Message (group)       */
.COL7N { color: #f00; }                                                               /* Message (numeric)     */
.COL7B { color: #369; }                                                               /* Message (binary)      */
.COL7S { color: #369; }                                                               /* Message (secure)      */
.COL7T { color: #369; }                                                               /* Message (transparant) */

/* Label colors */

SPAN CLASS { color: #ff0; margin-left: 3px; font-weight: bold; }

.C0 { color: #ff0; }                /* Default/Yellow */
.C1 { color: #f00; }                /* Red            */
.C2 { color: #fc0; }                /* Orange         */
.C3 { color: #60f; }                /* Light Blue     */
.C4 { color: #099; }                /* Cyan           */
.C5 { color: #fff; }                /* White          */
.C6 { color: #3f0; }                /* Green          */
.C7 { color: #ccc; }                /* Gray           */
.C8 { color: #760; }                /* Brown          */
.C9 { color: #cef; }                /* Light Cyan     */
.CA { color: #00c; }                /* Blue           */
.CB { color: #f3f; }                /* Magenta        */
.CC { color: #3d9; }                /* Sea Green      */
.CD { color: #fbc; }                /* Pink           */
.CE { color: #ddf; }                /* Ice Blue       */
.CF { color: #cfc; }                /* Turqoise       */

/* .M & .F for backward compatibility with PDW v2.14 and older versions */

.M  { color: #ff0; margin-left: 3px; font-weight: bold; }
.F  { color: #ff0; margin-left: 3px; font-weight: bold; text-decoration: underline; }

#F  { text-decoration: underline; } /* Filtered messages */
#B  { color: #f96; }                /* Biterrors         */

Zover ik kan zien werkt alles nu goed!

Nee, ik werk niet voor de AIVD, ik wil juist voorkomen dat ik bezoek van ze krijg.

dinsdag 9 oktober 2007 00:25

Acties:

F4T4L_3RR0R

Topicstarter

De horizontale scrollbalk is weer terug, nu in zowel FF als in IE7...

dinsdag 9 oktober 2007 07:47

Acties:

Bitage

Ik denk dat, omdat die scrollbars maar soms verschijnen, de contents in de frame gewoon de "lang" is: er staan zoveel tekens op een regel dat de browser ze niet afkapt. Als je van PHP gebruikmaakt om die tekst te printen, zou je voor de output iets van dit kunnen gebruiken..

code:

1 2	// Wrap de content van $result iedere 128 tekens echo nl2br(wordwrap($result,128));

dinsdag 9 oktober 2007 16:32

Acties:

F4T4L_3RR0R

Topicstarter

Dat moet dan haast wel Bitage.

Kan alleen de content in de iframe beperkt aanpassen omdat de software alleen HTML als output heeft.
Kan hoogstens een paar dingen toevoegen of verwijderen in de software zelf, zoals tussen <head> en </head> en tussen <body> en </body>.

Ik weet in iedergeval dat de HTML code redelijk netjes is voor mij als beginnende HTML'er, aangezien ik daarop geen commentaar heb gekregen.

Een echte oplossing is er dus niet, dus moet ik er maar mee leren leven. Zo'n ramp is het nou ook weer niet.

Bedankt voor het meedenken!

dinsdag 9 oktober 2007 20:51

Acties:

Verwijderd

dinsdag 9 oktober 2007 22:55

Acties:

F4T4L_3RR0R

Topicstarter

Verwijderd schreef op dinsdag 09 oktober 2007 @ 20:51:
<style type="text/css">
.noHScroll { overflow-x:hidden; }
</style>

?

Daar heb ik deze al voor:
iframe {
overflow-x: hidden;

woensdag 10 oktober 2007 01:03

Acties:

Arne

Het screenshot is wel heel erg onleesbaar gemaakt trouwens....

When you only live once, try not to die?

woensdag 10 oktober 2007 01:58

Acties:

F4T4L_3RR0R

Topicstarter

Ja klopt, ondanks het blurren en andere effectjes, was er toch nog iets leesbaar.
Kan er echt gezeik mee krijgen, vandaar helemaal weggehaald. (geen warez, kiddiepr0n of andere narigheden hoor, maar gewoon tekst)

Edit:

En weer zichtbaar, maar heb er nog even een paar filters overheen gejaagd:
http://80.127.6.120/GoT/iframes.png

[ Voor 23% gewijzigd door F4T4L_3RR0R op 10-10-2007 02:07 ]

woensdag 10 oktober 2007 13:22

Acties:

BtM909

Watch out Guys...

Modbreak:Laat het offtopic gedeelte over tekst blurren vanwege de AIVD maar achterwege. Wil je dummy tekst, gebruik dan gewoon http://www.lipsum.com/.

Daarnaast lijkt het me handig om je code tussen [code] blokken te zetten met taal. Hierdoor is het geheel iets leesbaarder. Zie ook: Overzicht van UBB-codes #tag_code

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 10 oktober 2007 13:54

Acties:

Rekcor

F4T4L_3RR0R schreef op woensdag 10 oktober 2007 @ 01:58:
Kan er echt gezeik mee krijgen, vandaar helemaal weggehaald.

Als jij er gezeik mee kan krijgen, denk ik niet dat ik je nog wil helpen.

woensdag 10 oktober 2007 14:04

Acties:

F4T4L_3RR0R

Topicstarter

Wil je het echt weten? De overheidsdiensten sturen gegevens door de ether, met een beetje moeite en zelfbouwskills zijn deze gegevens te onderscheppen, komen hele leuke dingen langs. (en nee, ik heb het niet over P2000)

Het onderscheppen is niet strafbaar, zolang het maar voor eigen gebruik is. Het doorspelen van de gegevens is wel verboden, vandaar het blurren.