Shadowcrow: Probleme mit scrollen

Beitrag lesen

SELF-Forum

Probleme mit scrollen

Shadowcrow
– Informationen zu den Bewertungsregeln

hi $name,

hi,

ich habe das problem das wenn ich den viewport verkleinere ein teil der bilder der seite nicht mehr sichtbar ist (evtl. ist nur am rechten rand noch etwas von ihnen zu sehen), sprich ich kann nur nach links scrollen und nicht nach rechts. ich habe keine ahnung woran das liegt, wäre für hilfe dankbar.

relevanter html teil:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
  </head>  
  <body>  
    <div id="wrapper">  
      <img src="pics/logo.jpg" id="logo" alt="Logo" title="Logo" name="logo" />  
      <div id="bilder">  
        <a href="#" onclick="OpenFoto('01.jpg')">  
         <img src="pics/t_01.jpg" title="" alt="" width="150" height="150" class="c2" /></a>  
        <a href="#" onclick="OpenFoto('02.jpg')">  
          <img src="pics/t_02.jpg" title="" alt="" width="150" height="150" class="c2" /></a>  
         <a href="#" onclick="OpenFoto('03.jpg')">  
          <img src="pics/t_03.jpg" title="" alt="" width="150" height="150" class="c2" /></a>  
         <a href="#" onclick="OpenFoto('04.jpg')">  
           <img src="pics/t_04.jpg" title="" alt="" width="150" height="150" class="c2" /></a>  
        </div>  
      <h2>  
        hjhkhkjhkjhkjh  
      </h2>  
      <p class="content">  
        blabla.<br />  
        blabla  
      </p><a href="downloads/fotos.pdf" class="downloads">Download Fotos (PDF ca. 4500 KB )</a>  
            <ul id="Navigation">  
        <li>  
          <a href="index.php" target="_self"><font size="-1">Home</font></a>  
        </li>  
        <li>  
          <a href="jjjj.php" target="_self"><font size="-1">jjjj</font></a>  
        </li>  
        <li>  
          <a href="ooooo.php" target="_self"><font size="-1">oooooo</font></a>  
        </li>  
        <li>  
          <a href="kontakt.php" target="_self"><font size="-1">Kontakt</font></a>  
        </li>  
      </ul>  
    </div>  
  </body>  
  
</html>

und hier das relevante CSS:

html {  
width: 100%;  
height: 100%;  
margin:0;  
padding:0;  
}  
  
body {  
width: 100%;  
height: 100%;  
margin:0;  
padding:0;  
overflow: auto;  
  
div#bilder {  
text-align : left;  
padding: 0px;  
margin: 0;  
width: 450px;  
height: 350px;  
}  
  
#wrapper {  
padding: 0;  
position:absolute;  
  top:50%;  
  left:50%;  
  width: 900px;  
  height:570px;  
  margin-left:-450px;/*halbe breite */  
  margin-top:-285px;/*halbe höhe */

gruss
shadow

--
Vor dem Parser und auf hoher See sind wir allein in Gottes Hand
Beitrag melden
–
Informationen zu den Bewertungsregeln