Shadowcrow: Probleme mit scrollen

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

  1. Probleme mit scrollen

    Beat Homepage des Autors
    – Informationen zu den Bewertungsregeln

    und hier das relevante CSS:

    html {

    width: 100%;

    min-width = wrapper-width

    height: 100%;
    margin:0;
    padding:0;
    }

    body {
    width: 100%;

    min-width = wrapper-width

    height: 100%;
    margin:0;
    padding:0;
    overflow: auto;

    ...

    #wrapper {
    padding: 0;
    position:absolute;
      top:50%;
      left:50%;
      width: 900px;
      height:570px;
      margin-left:-450px;/*halbe breite */
      margin-top:-285px;/*halbe höhe */

      
  
mfg Beat

-- 

><o(((°>           ><o(((°>  

   <°)))o><                     ><o(((°>o  
Der Valigator leibt diese Fische
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Probleme mit scrollen

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    [code lang=css]
    body {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    overflow: auto;

    div#bilder {

    Dazwischen fehlt die }

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. danke

    Shadowcrow
    – Informationen zu den Bewertungsregeln

    hi,

    @MudGuard

    ja und nein, die fehlende klammer war ein C&P unfall :-).

    @Beat
    super, danke das wars *froi*

    gruss
    shadow

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