Scrollbar veranderd bij switchen tussen fullscreen - Softwareontwikkeling

dinsdag 19 augustus 2003 11:39

Acties:

Topicstarter

edit:
sorry van de layout van GoT...

Op de stage plek waar ik stage loop als systeembeheerder mag ik als klein projectje een intranet-site maken. Thuis maak ik vaker websites maar ik maak ze nooit helemaal af. Maar omdat ik enige ervaring had mocht ik het dus doen. Nu heb ik al de layout enzo af, ook de scrollbar heb ik "veranderd".

Afbeeldingslocatie: http://picserver.student.utwente.nl/getpicture.php?id=272464&size=128

zo ziet het er dus uit. Er zitten 2 Inline Frames in. Eentje onder de "menu-keuzes" en eentje rechtsmidden natuurlijk. De frames zijn allebei transparent, ook de scrollbars zijn gedeeltelijk transparent. Alleen de arrow, 3dlight-color en de darkshadow-color zijn zwart in de frames.

nu als de IE (enige browser die word gebruikt) "normaal" openstaat zijn de 3dlight en de darkshadow wel te zien, maar druk ik nu op F11, is alleen de arrow nog te zijn, en zijn de andere 2 ook transparent...:?
zo dus:

Afbeeldingslocatie: http://picserver.student.utwente.nl/getpicture.php?id=272440&size=128

weet iemand daar een oplossing voor, zodat de lijnen wel zichtbaar blijven?, of is die een limitatie van IE?

hieronder staan de HTML's
[html van de "index"]

HTML:

<html>

<head>
<title>DomiNET</title>
<base target="main">
<style>
<!--
a{text-decoration:none}
//-->
</style>
</head>

<body background="htm/images/dominet-back.jpg" link="#000000" vlink="#000000" alink="#000000">

<table border="0" width="100%" height="37">
  <tr>
    <td width="100%" height="31">
      <p align="right"></td>
  </tr>
</table>
<div style="position: absolute; top: 61; left: 12; width: 254; height: 144">
<table border="1" width="96%" style="border-style: dashed" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000">
  <tr>
    <td width="100%"><font face="CG Omega"><a href="htm/menu_nieuws.htm">Nieuws</a></font></td>
  </tr>
  <tr>
    <td width="100%"><font face="CG Omega"><a href="htm/menu_introductie.htm">Introductie</a></font></td>
  </tr>
  <tr>
    <td width="100%"><font face="CG Omega"><a href="htm/menu_handleidingen.htm">Handleidingen</a></font></td>
  </tr>
  <tr>
    <td width="100%"><font face="CG Omega"><a href="htm/menu_computertips.htm">Computertips</a></font></td>
  </tr>
  <tr>
    <td width="100%"><font face="CG Omega"><a href="htm/telefoonlijsten.htm" target="info">Telefoonlijst</a></font></td>
  </tr>
</table>
</div>
<div id="main" style="position:absolute; width:0px; height:0px; z-index:1; left: 16px; top: 230px">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="0" >    
<td ROWSPAN="1" COLSPAN="1" WIDTH="0">  
<iframe src="main.htm" name="main" frameborder="-1" width="240" height="270"     
style="border: 0px solid #000000; " allowtransparency="true" scrolling="yes" align="top" style="filter:chroma    
(color=#B6B6B6)"></iframe></table>
</div>
<div id="info" style="position:absolute; width:0px; height:0px; z-index:1; left: 350px; top: 61px">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="0" >    
<td ROWSPAN="1" COLSPAN="1" WIDTH="0">  
<iframe src="htm/start.htm" name="info" frameborder="-1" width="650" height="500"     
style="border: 0px solid #000000; " allowtransparency="true" scrolling="yes" align="top" style="filter:chroma    
(color=#B6B6B6)"></iframe></table>
</div>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br>
<br>
<br>
<br>
<br>
</p>
<table border="0" width="100%" height="3">
  <tr>
    <td width="60%" height="1"></td>
    <td width="40%" height="1">
      <p align="right"></td>
  </tr>
</table>

</body>

</html>

[/html]

[html]en de code van een pagina die in de frame zou komen

HTML:

<html>

<head>
<style><!--body {margin:0pt; 
scrollbar-face-color: #b6b6b6;
  scrollbar-highlight-color: #B6B6B6;
  scrollbar-shadow-color: #B6B6B6;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #B6B6B6;
  scrollbar-arrow-color: #000000; --></style>
</head>

<body style="background-color:transparent">

<ul>
  <li>
    <p align="left"><font face="CG Omega"><b><u>Telefoonnummerlijst</u></b></font></li>
</ul>
<p align="left"><font face="CG Omega">Hieronder staat de meest recente telefoonnummerlijst.
Klik op het plaatje om hem in Excel te openen, vandaar uit kun je hem dan
bekijken/printen .</font></p>
<p align="center"><a href="handleidingen/Lijst%20functies%20regio's.xls" target="_blank"><font face="CG Omega">[img]"images/telefoonlijst.gif"[/img]</font></a></p>
<table border="0" width="100%">
  <tr>
    <td width="8%"></td>
    <td width="92%">
      <ul>
        <li><font face="CG Omega">Om in de Internet Explorer de Excel werkbalk
          te laten zien klik u op het volgende pictogram dat zich in de Explorer
          balk bovenaan bevind:</font></li>
      </ul>
    </td>
  </tr>
  <tr>
    <td width="8%"></td>
    <td width="92%"><font face="CG Omega">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [img]"images/excelwerkbalkknop.gif"[/img]</font></td>
  </tr>
</table>

<p align="left"><font face="CG Omega">Als je de webpagina met de Excel
telefoonlijst erin afsluit krijgt je de volgende melding:<br>
</font></p>
<table border="0" width="100%">
  <tr>
    <td width="100%">
      <p align="center"><font face="CG Omega">[img]"images/error_telefoonlijst.jpg"[/img]</font></td>
  </tr>
</table>
<p align="left"><font face="CG Omega">Klik hier op &quot;No&quot;, dan sluit hij
zich goed af.</font></p>

</body>

</html>

[/html]

[ Voor 78% gewijzigd door X-Rey op 19-08-2003 11:58 ]

woensdag 20 augustus 2003 09:41

Acties:

X-Rey

Topicstarter

kick, niemand een idee

woensdag 20 augustus 2003 09:47

Acties:

BtM909

Watch out Guys...

Als je de pagina ververst terwijl hij full-screen draait, heb je dan nog steeds het probleem?

Doet het probleem zich ook op meerdere PC's voor en wat voor IE versie draai je?

Kan je niet iets online zetten, zodat wij kunnen testen. Het zou bijvoorbeeld een videokaart probleem kunnen zijn.

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 20 augustus 2003 10:05

Acties:

Senzuboon

Out now! Ichi!

Als je een site fullscreen maakt met IE dan maakt hij de pijltjes platter dan dat ze normaal zijn. Daar kan je niks aan doen, behalve de scrollbars laten zoals ze zijn.

Portfolio | Stolen Couch Games | Ichi!

woensdag 20 augustus 2003 10:05

Acties:

Verwijderd

Nu je het zegt, heb ik het ook geprobeerd en inderdaad hij doet precies het zelfde.

woensdag 20 augustus 2003 10:46

Acties:

Bosmonster

*zucht*

Geen fullscreen gebruiken?

woensdag 20 augustus 2003 10:52

Acties:

Verwijderd

je eigen dhtml scrollbar bouwen (eventueel die van clay gebruiken)

woensdag 20 augustus 2003 12:35

Acties:

wicher|IA

Normaal geeft IE de kleuren die je aangeeft voor de scrollbar in de volgende volgorde weer op de scrollbar: 3dlight-color, hightlight-color; face-color; shadow-color; darkshadow-color (van linksboven naar rechtsonder).
Als je begrijpt wat ik bedoel.

Jij wil het buitenste randje zwart, en maakt dus 3dlight en darkshadow zwart.

Echter, in fullscreenmode laat IE 3dlight en darkshadow weg, om een plattere look te maken. De scrollbar-knoppen hebben dan alleen de volgende kleuren: hightlight-color, face-color, shadow-color.
Omdat het zwarte alleen in de buitenste kleuren zat, die verdwijnen, en de overgebleven kleuren alledrie hetzelfde zijn zie je dus helemaal geen randje meer.

Oplossing: het zwarte randje niet in de buitenste twee kleuren stoppen, maar in de hightlight-color en shadow-color. Zo dus:

Cascading Stylesheet:

  scrollbar-3dlight-color: #b6b6b6;
  scrollbar-highlight-color: #000000;
  scrollbar-face-color: #b6b6b6;
  scrollbar-shadow-color: #000000;
  scrollbar-darkshadow-color: #b6b6b6;
  scrollbar-track-color: #B6B6B6;
  scrollbar-arrow-color: #000000;

(Voor het gemak heb ik ze ook nog even in een wat logischer volgorde gezet.)

In normale modus (niet-fullscreen) zien de knopjes er dan wel wat kleiner uit, maar ze houden dan wel tenminste in fullscreen hun randje.

[ Voor 8% gewijzigd door wicher|IA op 20-08-2003 12:36 ]

woensdag 20 augustus 2003 13:29

Acties:

X-Rey

Topicstarter

Bosmonster schreef op 20 August 2003 @ 10:46:
Geen fullscreen gebruiken?

ehh.... DUH!, maar ik ben degene die hem maakt, niet degene die hem (*kuch*Kuch*) intensief gaat gebruiken. Dus ik kan niet van te voren weten of die medewerker(in) op F11 gaat rammen

wicher schreef op 20 August 2003 @ 12:35:
de oplossing

yeah, het werkt

THX $_/-\o_$
in de normal view zijn de balkjes idd een beetje dunner, maar in Fullscreen worden ze breder en weer "normaal"

[ Voor 4% gewijzigd door X-Rey op 20-08-2003 13:31 ]