kostenloser Webspace werbefrei: lima-city

css Position div immer an selber Stelle

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   fasamerico

   fasamerico hat kostenlosen Webspace.

   18:59, 20.1.2025

   Hallo zusammen,
   
   ich benötige Hilfe für meine Seite. Wenn ich im Moment hingehe und meine Seite groß und klein ziehe rutscht die Div nicht mit, sondern bleibt immer auf der festgelegten Position, das soll nicht passieren. Ich habe schon viel probiert, aber kriege es nicht hin. Wie kann ich das Problem einfach lösen?
   
   meine Seite: https://www.fasamerico.com/
   
   im css Stylesheet:
   
   #gallery {
   position: relative;
   background: none;
   border: none;
   }
   
   #gallery figure {
   position: absolute;
   top: 165;
   left: 360;
   }
   
   #gallery figcaption {
   position: absolute;
   left: 1em;
   font-size: 2em;
   font-weight: bold;
   bottom: 0.5em;
   color: white;
   }
   
   #gallery figure:nth-of-type(1) {
   -webkit-animation: bilder 15s 7s infinite;
   animation: bilder 15s 7s infinite;
   }
   
   #gallery figure:nth-of-type(2) {
   -webkit-animation: bilder 15s 2s infinite;
   animation: bilder 15s 2s infinite;
   }
   
   #gallery figure:nth-of-type(3) {
   -webkit-animation: bilder 15s 12s infinite;
   animation: bilder 15s 12s infinite;
   }
   
   
   #gallery figure:nth-of-type(4) {
   -webkit-animation: wechseln 15s 10s infinite;
   animation: wechseln 15s 10s infinite;
   }
   
   #gallery figure:nth-of-type(5) {
   -webkit-animation: wechseln 15s 5s infinite;
   animation: wechseln 15s 5s infinite;
   }
   
   #gallery figure:nth-of-type(6) {
   -webkit-animation: wechseln 15s infinite;
   animation: wechseln 15s infinite;
   }
   
   in der index.html:
   
   ...</tr><tr>
   <div id="gallery">
   <figure>
   <img src="./fotos/aulas_links_en3.jpg">
   <figcaption></figcaption>
   </figure>
   <figure>
   <img src="./fotos/aulas_links_de2.jpg">
   <figcaption></figcaption>
   </figure><figure>
   <img src="./fotos/yingyang.gif" border="0" alt="*** FASAMERICO ALLROUND LOGO***" width="200" height="200">
   <figcaption></figcaption>
   </figure><figure>
   <img src="./fotos/aulas_links_br1.jpg">
   <figcaption></figcaption>
   </figure>
   </div>
   </tr>
   <tr>.....
   
   ich hoffe, jemand weiss das, vielen Dank!
   
   Beitrag zuletzt geändert: 20.1.2025 19:02:25 von fasamerico

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. tchiarcos

   tchiarcos hat kostenlosen Webspace.

   15:36, 21.1.2025

   Hi,
   
   du hast festgelegt Größen und Absolutpositionen bestimmt, da rutscht nichts flexibel.
   
   aus deinem Code:
   <tr>
   <div id="gallery" class="absolut-zentriert">
   <figure>
   
   aus deiner CSS:
   .absolut-zentriert {
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   }
   
   Ist es das?
   Habe mir mal den Quellcode von deiner Seite gezogen und da steht es so drinnen! Davon abgesehen, Die Seite macht es so, wie du es reingeschrieben hast. Also die Position ist immer absolut mittig unterhalb der fest definierten Bilder.
   
   Beitrag zuletzt geändert: 21.1.2025 15:39:59 von tchiarcos
4. Autor dieses Themas

   fasamerico

   fasamerico hat kostenlosen Webspace.

   21:59, 21.1.2025

   hi tchiarcos, vielen dank! Habs inzwischen hingekriegt, wie ihs wollte!

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?