css Position div immer an selber Stelle

[frengiferengi]

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!

 

[tk1234]

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.

Doch, genau so hast du es festgelegt: position:absolute in Kombination mit fixen top- und left-Werten zementiert das Element eben auf genau diese Position (wobei du "Glück" hast dass der Browser die Zahlen überhaupt als gültige Werte interpretiert, da fehlt nämlich eine Einheit …) - irgendwas mit anpassen an die Seitengröße ist da nicht.

Allerdings ist die ganze Seite ohnehin völlig veraltet dass da so viel falsch ist, dass eigentlich nur noch löschen und Neuschreiben hilft …

meine Seite: https://www.fasamerico.com/

Ist das dein Ernst: »function click() {if (event.button>1){alert('sorry - com licença!!');}} document.onmousedown=click«? Nicht dass das wirklich ein Hindernis wäre, aber wenn man Hilfe braucht ist sowas jetzt nicht wirklich sinnvoll …

 

[frengiferengi]

hallo tk1234, ja, uralt, soll ja nur funktionieren....aber warum gleich alles neuschreiben? Kannst du mir auch sagen wie ich die Postion ändern müsste? Das JS mit dem rechtem Mausklick is ja nur Spass, und natürlich fallen da nur Leute drauf rein, die überhaupt keine Ahnung haben....aber vielen Dank trotzdem!

 

[tk1234]

hallo tk1234, ja, uralt, soll ja nur funktionieren....aber warum gleich alles neuschreiben?

Weil der Code veraltet und nicht reparabel ist - das fängt schon mit dem Tabellenlayout an welches irgendwann vor 25 Jahren modern bzw. notwendig war. Von der Flash-Seite mal ganz zu schweigen, die kann ersatzlos entsorgt werden …

Kannst du mir auch sagen wie ich die Postion ändern müsste?

Du möchtest überhaupt nichts absolut positionieren, du möchtest Inhalte zentrieren.

Das JS mit dem rechtem Mausklick is ja nur Spass,

Nein, es ist ein lächerliches Relikt aus der Zeit um die Jahrtausendwende oder so …

 

[frengiferengi]

hallo tk1234, na siehste, geht doch, danke für deine Hilfe und den link....hättest mir aber auch netter sagen können.....byby