login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Wel div scroll in IE, niet in FF

Offline JeroenI - 01/12/2010 14:57 (laatste wijziging 01/12/2010 15:20)
Avatar van JeroenIPHP interesse Goedemiddag,

Ik heb met onderstaande code een scrollbare div weten te realiseren, en die werkt prima in internet explorer, maar de scrollbar is niet in firefox. Wat gaat er mis? Iemand enig idee?

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #scroll {
  2. height: 100%;
  3. width: 95%;
  4. overflow: auto;
  5. background-color: #ccc;
  6. padding: 5px;
  7. filter: alpha (opacity=80);
  8. opacity:0.6;
  9. border-right-style: solid;
  10. border-right-color: #4baf24;
  11. border-right-width: 2px;
  12.  
  13. border-left-style: solid;
  14. border-left-color: #4baf24;
  15. border-left-width: 2px;
  16.  
  17. border-bottom-style: solid;
  18. border-bottom-color: #4baf24;
  19. border-bottom-width: 2px;
  20. }


Bij voorbaat dank.

10 antwoorden

Gesponsorde links
Offline Realtec - 01/12/2010 16:28
Avatar van Realtec HTML interesse Je post alleen de CSS en dit maakt wel de opmaak voor je scrollbalk maar niet de werking.

Denk dat je beter het stukje code kunt pasten wat het laat scrollen zodat we je beter kunnen helpen
Offline JeroenI - 01/12/2010 16:55
Avatar van JeroenI PHP interesse
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="scroll">
  2. <table width="100%" height="100%" border="0" cellpadding="2" cellspacing="0">
  3. <tr>
  4. <td valign="top">
  5. <?
  6. $v1 = "p1"; // nieuws
  7. $v2 = "p2"; // meer informatie
  8. $v3 = "p3"; // historie
  9. $v4 = "p4"; // statuten
  10. if ($_GET['ac'] == $v1) {
  11. $sql = 'SELECT * FROM nieuws';
  12. $sqlquery = mysql_query($sql);
  13. $sqlnum = mysql_num_rows($sqlquery);
  14. echo '<font color="#000000">';
  15. if ($sqlnum == "0") {
  16. echo '<div align="center"><b>Er is op dit moment nog geen nieuws.</b></div>';
  17. }
  18. while ($show = mysql_fetch_assoc($sqlquery)) {
  19. $text = $show['nieuws'];
  20. $titel = $show['titel'];
  21. $text = preg_replace('{\[onderstreept](.*?)\[/onderstreept]}si', '<u>$1</u>', $text); 
  22. $text = preg_replace('{\[midden](.*?)\[/midden]}si', '<div align="center">$1</div>', $text); 
  23. $text = preg_replace('{\[bold](.*?)\[/bold]}si', '<b>$1</b>', $text); 
  24. $text = preg_replace('{\[italic](.*?)\[/italic]}si', '<i>$1</i>', $text); 
  25. $text = preg_replace('{\[koptekst](.*?)\[/koptekst]}si', '<font size="3">$1</font>', $text); 
  26. $text = preg_replace('{\[enter](.*?)}si', '<br>', $text); 
  27. $text = nl2br($text);
  28. echo $text;
  29. echo '</font>';
  30. }
  31. }
  32. elseif ($_GET['ac'] == $v3) {
  33. $sql = 'SELECT historie FROM tekst';
  34. $sqlquery = mysql_query($sql);
  35. while ($show = mysql_fetch_assoc($sqlquery)) {
  36. $text = $show['historie'];
  37. $text = preg_replace('{\[onderstreept](.*?)\[/onderstreept]}si', '<u>$1</u>', $text); 
  38. $text = preg_replace('{\[midden](.*?)\[/midden]}si', '<div align="center">$1</div>', $text); 
  39. $text = preg_replace('{\[bold](.*?)\[/bold]}si', '<b>$1</b>', $text); 
  40. $text = preg_replace('{\[italic](.*?)\[/italic]}si', '<i>$1</i>', $text); 
  41. $text = preg_replace('{\[koptekst](.*?)\[/koptekst]}si', '<font size="3">$1</font>', $text); 
  42. $text = preg_replace('{\[enter](.*?)}si', '<br>', $text); 
  43. echo '<font color="#000000">';
  44. $text = nl2br($text);
  45. echo $text;
  46. if ($text == "") {
  47. echo '<div align="center"><b>Aan deze pagina wordt nog gewerkt!</b></div>';
  48. }
  49. echo '</font>';
  50. }
  51. }
  52. elseif ($_GET['ac'] == $v4) {
  53. $sql = 'SELECT statuten FROM tekst';
  54. $sqlquery = mysql_query($sql);
  55. while ($show = mysql_fetch_assoc($sqlquery)) {
  56. $text = $show['statuten'];
  57. $text = preg_replace('{\[onderstreept](.*?)\[/onderstreept]}si', '<u>$1</u>', $text); 
  58. $text = preg_replace('{\[midden](.*?)\[/midden]}si', '<div align="center">$1</div>', $text); 
  59. $text = preg_replace('{\[bold](.*?)\[/bold]}si', '<b>$1</b>', $text); 
  60. $text = preg_replace('{\[italic](.*?)\[/italic]}si', '<i>$1</i>', $text); 
  61. $text = preg_replace('{\[koptekst](.*?)\[/koptekst]}si', '<font size="3">$1</font>', $text); 
  62. $text = preg_replace('{\[enter](.*?)}si', '<br>', $text); 
  63. $text = nl2br($text);
  64. echo '<font color="#000000">';
  65. echo $text;
  66. if ($text == "") {
  67. echo '<div align="center"><b>Aan deze pagina wordt nog gewerkt!</b></div>';
  68. }
  69. echo '</font>';
  70. }
  71. }
  72. elseif ($_GET['ac'] == $v2) {
  73. echo '<div align="center"><table width="95%" height="120" border="0" cellpadding="0" cellspacing="0" class="bline2">';
  74. echo '<tr>';
  75. echo '<td width="120" valign="top">';
  76. echo '<img src="images/geenafbeelding.jpg" width="120">';
  77. echo '</td>';
  78. echo '<td valign="top" style="filter: alpha (opacity=50); background-color: #000000;">';
  79. echo '<font color="#ffffff">';
  80. echo '<b>...</b><br><br>';
  81. echo '...';
  82. echo '</font>';
  83. echo '</td>';
  84. echo '</tr>';
  85. echo '</table><br>';
  86. echo '</div>';
  87. }
  88. elseif (!isset($_GET['ac'])) {
  89. echo '<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">';
  90. echo '<tr>';
  91. echo '<td align="center" style="filter: alpha (opacity=100);" valign="top">';
  92. $sql = 'SELECT main FROM tekst';
  93. $sqlquery = mysql_query($sql);
  94. while ($show = mysql_fetch_assoc($sqlquery)) {
  95. $text = $show['main'];
  96. $text = nl2br($text);
  97. $text = preg_replace('{\[onderstreept](.*?)\[/onderstreept]}si', '<u>$1</u>', $text); 
  98. $text = preg_replace('{\[midden](.*?)\[/midden]}si', '<div align="center">$1</div>', $text); 
  99. $text = preg_replace('{\[bold](.*?)\[/bold]}si', '<b>$1</b>', $text); 
  100. $text = preg_replace('{\[italic](.*?)\[/italic]}si', '<i>$1</i>', $text); 
  101. $text = preg_replace('{\[koptekst](.*?)\[/koptekst]}si', '<font size="3">$1</font>', $text); 
  102. $text = preg_replace('{\[enter](.*?)}si', '<br>', $text); 
  103. $text = preg_replace('{\[afbeelding](.*?)\[/afbeelding]}si', '<a href="images/$1-groot.gif" rel="lightbox"><img src="images/$1" style="border-style: solid; border-width: 3px; border-color: #000000; filter: alpha (opacity=90);" border="0"></a>', $text); 
  104. echo $text;
  105. echo '</td>';
  106. echo '</tr>';
  107. echo '</table>';
  108. }
  109. }
  110. else
  111. {
  112. echo '<div align="center"><b>Deze pagina kan niet worden gevonden.</b></div>';
  113. }
  114. ?>
  115. </div>


dit is wat in de div staat, let niet op de slordige php...
Offline pijke - 01/12/2010 17:30
Avatar van pijke Gouden medaille

Lid		 lange stukken code graag op plaatscode.
Offline JeroenI - 01/12/2010 17:35
Avatar van JeroenI PHP interesse ohja sorry, was ik even vergeten
Offline Kevin - 01/12/2010 18:47
Avatar van Kevin Crew Ajax/REST Als je een hoogte van 100% en een breedte van 95% hebt, hoe verwacht je dan dat er nog een scrollbalk komt te staan?
Misschien is jouw div wel groot genoeg voor je content hierin?
Offline Martijn - 01/12/2010 19:51
Avatar van Martijn Crew PHP Het kan zo zijn dat ie auto altijd een scrollbalk geeft ookal is het niet nodig, en FF geeft m alleen als ie nodig is (zeg maar AUTOmatisch). Hetzelfde gebeurd namelijk ook bij iframes, textareas, de pagina zelf en meer 
Offline Realtec - 02/12/2010 12:37 (laatste wijziging 02/12/2010 12:40)
Avatar van Realtec HTML interesse
Martijn schreef:
Het kan zo zijn dat ie auto altijd een scrollbalk geeft ookal is het niet nodig, en FF geeft m alleen als ie nodig is (zeg maar AUTOmatisch). Hetzelfde gebeurd namelijk ook bij iframes, textareas, de pagina zelf en meer 


[knip]

Edit: Martijn heeft gelijk ik had de definitie van "scrollbare div" anders in mijn hoofd.
Offline JeroenI - 03/12/2010 21:26
Avatar van JeroenI PHP interesse het werkt allemaal prima in IE hoor die CSS, maar in FF wil de scrollbar maar niet in beeld komen.
Offline Kevin - 03/12/2010 23:22
Avatar van Kevin Crew Ajax/REST Dat kan zijn omdat volgens IE het op "auto" gezien wel een scroll zou bevatten en dat FF zegt dat deze hier niet nodig zijn. Als je ze zo graag wil, zet je overflow dan eens op "scroll" ?
Offline JeroenI - 03/12/2010 23:45
Avatar van JeroenI PHP interesse Gefixt. Dank je!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s