[div] overflow: auto vraag - Softwareontwikkeling

donderdag 29 juli 2004 13:22

Acties:

Verwijderd

Topicstarter

update: werkt nu goed! $_/-\o_$

Ik heb de volgende html pagina met daarin een aantal layers. Op het moment dat ik mijn layer die moet scrollen een style=overflow: auto;" geef, doet mijn menu het niet meer die erboven staat. Het menu klapt wel uit, maar als je eroverheen wilt gaat springt ie weg, omdat je dan in de div met overflow: auto; terecht komt.

code:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

html, body {
  height: 100%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
}
#container {
  height: 100%;
  padding-top: 191px;
  -moz-box-sizing: border-box;
}

#top {
  position: absolute;
  top:0px;
  left:0px;
  height: 170px;
  width: 768px;
  margin-left:-384px;
  left:50%;
}
#menu {
  position: absolute;
  top:170px;
  left:0px;
  height: 21px;
  width: 768px;
  margin-left:-384px;
  left:50%;
  z-index: 200;
}
#content {
  position: relative;
  height: 100%;
  width: 768px;
  margin-left:-384px;
  left:50%;
  overflow: scroll;
  overflow-x: hidden;
  z-index:auto;
}
image.border {
   border: 2px solid #A6CE38;}

table.nieuws {
    border-left: 2px solid #A6CE38;
    border-right: 2px solid #A6CE38;
    border-bottom: 2px solid #A6CE38; }
</style>
<body>
<div id="container">
  <div id="top"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="768" height="170" align="middle">
          <param name="allowScriptAccess" value="sameDomain" />
          <param name="movie" value="swf/header.swf" />
          <param name="menu" value="false" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <param name="bgcolor" value="#000066" />
          <embed src="swf/header.swf" menu="false" quality="high" wmode="transparent" bgcolor="#000066" width="768" height="170" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />  
    </object></div>
<div id="menu"><script src="xaramenu.js"></script><script src="navbar.js"></script></div>
<div id="content">
       <table width="100%"  border="0" cellspacing="10" cellpadding="0" >
        <tr>
          <td>[img]"img/px.gif"[/img]<br>   <table width="100%"  border="0" cellspacing="0" cellpadding="0" >
                <tr>
                  <td width="44%" align="left" valign="top">[img]"img/park.jpg"[/img]<br>
                      [img]"img/px.gif"[/img]<br>
                      <table width="304" border="0" cellspacing="0" cellpadding="0" class="nieuws">
                        <tr>
                          <td bgcolor="#A6CE38" style="padding:0px 0px 0px 2px"><strong> &raquo; Laatste Nieuws</strong></td>
                        </tr>
                        <tr>
                          <td><table width="100%"  border="0" cellspacing="5" cellpadding="0">
                              <tr>
                                <td>16-04-2004 - Website Vernieuwd<br>
                          10-04-2004 - Vergadering<br>
                          01-01-2004 - Sportpark Ruud van Der Geest</td>
                              </tr>
                          </table></td>
                        </tr>
                      </table>
                      <br></td>
                  <td width="56%" align="left" valign="top">Welkom op de website van <strong>Tennisvereniging Kontakt</strong><br>
                      <br>
              T.V. Kontakt is een bloeiende vereniging met 900 leden, met een eigen tennispark &lsquo;De Melkerij&rsquo; in Haarlem. Wij bieden onze leden zowel recreatief tennis als ook competitie tennis op hoog niveau.
              <p>Deze website is bestemd voor alle leden en voor iedereen die verder geinteresseerd is in het wel en wee van onze vereniging. U kunt hier op de hoogte blijven van de laatste nieuwtjes, de actuele competitiestanden, lopende en nog komende toernooien en nog veel meer.</p>
              <p>Uw reacties op deze website zijn van harte welkom. U kunt uw reactie hier kwijt. </p>
              <p>Welkom op de website van <strong>Tennisvereniging Kontakt</strong><br>
                  <br>
                T.V. Kontakt is een bloeiende vereniging met 900 leden, met een eigen tennispark &lsquo;De Melkerij&rsquo; in Haarlem. Wij bieden onze leden zowel recreatief tennis als ook competitie tennis op hoog niveau. </p>
              <p>Deze website is bestemd voor alle leden en voor iedereen die verder geinteresseerd is in het wel en wee van onze vereniging. U kunt hier op de hoogte blijven van de laatste nieuwtjes, de actuele competitiestanden, lopende en nog komende toernooien en nog veel meer.</p>
              <p>Uw reacties op deze website zijn van harte welkom. U kunt uw reactie hier kwijt. </p>
              <p>Welkom op de website van <strong>Tennisvereniging Kontakt</strong><br>
                  <br>
                T.V. Kontakt is een bloeiende vereniging met 900 leden, met een eigen tennispark &lsquo;De Melkerij&rsquo; in Haarlem. Wij bieden onze leden zowel recreatief tennis als ook competitie tennis op hoog niveau. </p>
              <p>Deze website is bestemd voor alle leden en voor iedereen die verder geinteresseerd is in het wel en wee van onze vereniging. U kunt hier op de hoogte blijven van de laatste nieuwtjes, de actuele competitiestanden, lopende en nog komende toernooien en nog veel meer.</p>
              <p>Uw reacties op deze website zijn van harte welkom. U kunt uw reactie hier kwijt. </p></td>
                </tr>
            </table></td>
        </tr>
      </table>
</div>  
</div>
</body>
</html>

Is er een alternatief voor overflow: auto; of een oplossing waardoor mijn menu wel werkt? Ik heb de search geprobeerd, maar daarmee kwam ik helaas niet verder.

[ Voor 80% gewijzigd door Verwijderd op 29-07-2004 14:22 ]

donderdag 29 juli 2004 13:28

Acties:

André

Analytics dude

Ik zie een gigantische tagsoep en maar 1 layer? En een alternatief is overflow:scroll en overflow:hidden.

Heb je misschien een voorbeeld online staan, hier kan ik niets uit wijs worden

[ Voor 29% gewijzigd door André op 29-07-2004 13:30 ]

donderdag 29 juli 2004 13:37

Acties:

zubauza

Verwijderd schreef op 29 juli 2004 @ 13:22:

code:

                </td>
               </tr>
              </table>
             </td>
            </tr>
           </table>
          <br>
         </td>
         <td width="56%" align="left" valign="top">content</td>
        </tr>
       </table>
      </td>
     </tr>
    </table>
   </div>
  </td>
 </tr>
</table>

duidelijk

deviantART gallery

donderdag 29 juli 2004 13:38

Acties:

Verwijderd

Topicstarter

André schreef op 29 juli 2004 @ 13:28:
Ik zie een gigantische tagsoep en maar 1 layer? En een alternatief is overflow:scroll en overflow:hidden.

Heb je misschien een voorbeeld online staan, hier kan ik niets uit wijs worden

Met overflow:hidden werkt ie wel ja. Maar dan heb ik géén scrollvak (zal met container van 100% moeten?)

op http://www.ed-selecta.nl/kontakt/ staat een voorbeeld (nu met overflow: hidden)

donderdag 29 juli 2004 13:39

Acties:

Verwijderd

Topicstarter