Jhonny: Scrollbalken

Hallo Leute,

habe folgendes Problem. Auf meiner HP sind die Ecken des main-bereichs auf der rechten Seite abgerundet. Wenn nun der Inhalt "zu groß" wird blendet er ja automatisch einen Scrollnalken ein, damit man den main-bereich scrollen kann. Dieser Balken verdeckt dann jedoch die abgerundeten Ecken und das sieht richtig besch...eiden aus ...

Kann ich den Balken verschieben oder sonst etwas dagegen unternehmen, dass er die Rundungen nicht mehr verdeckt ???

Freue mich auf Lösungsvorschläge !

MFG

Jhonny

  1. Hi,

    habe folgendes Problem. Auf meiner HP sind die Ecken des main-bereichs auf der rechten Seite abgerundet.

    Aha.

    Wenn nun der Inhalt "zu groß" wird blendet er ja automatisch einen Scrollnalken ein, damit man den main-bereich scrollen kann. Dieser Balken verdeckt dann jedoch die abgerundeten Ecken und das sieht richtig besch...eiden aus ...

    Und du nimmst an, wir wüssten jetzt, wie das Problem zu lösen ist, weil wir deinen Code erahnen können?
    </hilfe/charta.htm#tipps-fuer-fragende>

    Kann ich den Balken verschieben oder sonst etwas dagegen unternehmen, dass er die Rundungen nicht mehr verdeckt ???

    Beherrsch dich bitte, hier lesen Kinder mit.

    (Und lerne, auf doppelte Verneinung zu verzichten, wenn unangebracht, oder mit ihr umzugehen.)

    MfG ChrisB

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.
    1. Man könnte auch fragen wie der Quelltext aussieht, oder ob ich ihn nachposten kann, weil ichs vorhin leider vergessen hab ... Aber egal.

      Hier mal der Quelltext zum main Bereich:

        
      #main {  
        
      background-color: #FFFFFF;  
      font-family: Verdana, Arial, Helvetica, sans-serif;  
      width: 83%;  
      height: 98%;  
      float: right;  
      overflow: auto;  
      padding: 5px;  
      -moz-border-radius-topright: 30px;  
      -moz-border-radius-bottomright: 30px;  
        
      }  
        
      
      

      Und hier den html code dazu:

        
      </head>  
       <body>  
       <div id="head">  
        text text  
       </div>  
        <div id="content">  
         <div id="navi">  
           <ul>  
            <li><a href="index.html"><b>Home</b></a></li>  
            <li><a href="planung.html"><b>Planung</b></a></li>  
            <li><a href="umsetzung.html"><b>Umsetzung</b></a></li>  
            <li><span class="aktiv"><b>Bilder</b></span></li>  
            <li><a href="im.html"><b>Impressum</b></a></li>  
           </ul>  
         </div>  
         <div id="main">  
          <h1>Bildergallerie</h1>  
          <br />  
          <br />  
          <div align="center">  
           <img src="../Bilder/PC.jpg" alt="#" />  
           <img src="../Bilder/PC2.jpg" height="206" width="210" alt="#" />  
           <img src="../Bilder/PC3.jpeg" height="206" width="210" alt="#" />  
          </div>  
         </div>  
        </div>  
      
      

      Und ein Bild um das ganze zu visualisieren:

      Bild des Problems

      1. Hallo,

        Hier mal der Quelltext zum main Bereich:

        »» #main {  
        
        > background-color: #FFFFFF;  
        > font-family: Verdana, Arial, Helvetica, sans-serif;  
        > width: 83%;  
        > height: 98%;  
        > float: right;  
        > overflow: auto;  
        > padding: 5px;  
        > -moz-border-radius-topright: 30px;  
        > -moz-border-radius-bottomright: 30px;  
        > }
        
        

        na prima, und wenn ich mir nun deinen Screenshot dazu ansehe, dann sind #navi und #main nebeneinander, vermutlich ist #navi also mit float:left ausgerichtet. Das heißt aber, wenn #navi einschließlich der grünen Randbereiche (irgendwelche paddings oder margins) mehr als 17% der Breite des Browserfensters braucht, gibt's einen hoizontalen Scrollbalken. Denn #main soll ja 83% der Breite einnehmen.

        So long,
         Martin

        --
        Zivilisation bedeutet, dass die Eskimos warme Wohnungen bekommen und dann arbeiten müssen, damit sie sich einen Kühlschrank leisten können.