hi wie stelle ich es ein,dass sich die elemente auf meiner website nciht mehr überlappen?
min-width und so habe alles schon eingestellt aber sobald die min-width erreicht wurde und man weiter verkleinert überlappen sie sich irgendwann.
Ich will,dass die Elmente dann sobal dsie die min-width/height erreicht haben genau an der stelle bleiben und gegebenfalls dann aus dem bild gehen wenn man den webbrowser weiterverkleinert wie zb. youtube oder andere seiten es machen.
Auf jeden Fall nicht, in dem du deine Frage doppelt postest!
Ein Link zur Seite oder zur Not auch der Quellcode ist auch immer gerne gesehen…
okay hier der link zur Seite:
http://greythis.co.nf/onlinetactics/onlinetac.php
Aber „Hallo“, da gibt’s aber einiges nachzuarbeiten, siehe http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgreythis.co.nf%2Fonlinetactics%2Fonlinetac.php
Dein Grundproblem ist das absolute Positionieren der Elemente, ohne zu wissen, was absolute Positionierung überhaupt bedeutet und welchen Einfluss sie auf die Elemente hat.
Deshalb: absolute Positionierung kippen und anderweitig lösen (Stichwort Floats). HTML validieren und vor allem Grundlagen anschauen und aneignen!
aber mit flaor kann ich die position nicht festlegen und das mit absolute position habe ich aus einem tutorial.
Wie heißt den die Option die das macht dass ich die elemente nicht mehr überlappen weiß das jemand ?
Erstell mal ein Div um deine gesamte Seite, also
[HTML]
[/HTML]
#umrandung { width: 1024px; }
So bleibt deine Seite immer gleich groß, auch beim verkleinern. Aber da heutzutage es immer mehr mobile Geräte gibt solltest du dir repsonsives Webdesign anschauen.
[HTML]
[/HTML]
[CODE]
#umrandung { width: 1024px; }
@media (max-width: 765px)
{
#irgendwas
{
display: none;
}
}[/CODE]
Bei einer Bildschirmbreite von kleiner als 765px wird der Inhalt nicht mehr angezeigt.
okay danke @Alex55 ich probiers gleich aus
wenn man sich zum Beispiel diese Seite anschaut:
da bleiben die elemente immer gleich aber sie gehen zur seite und sobal das element an den linken seitenrand ist stoppt es da und ghet beim weiteren verkleineren rechts raus wie geht sowas
Da ist der Seiteninhalt, hier jetzt #umrandung genannt, in der Mitte positioniert:
[HTML]
[/HTML]
#umrandung { width: 1024px; margin: 0 auto; }
The best evidence for CSS positioning properties can be found here http://www.tutorialspark.com/css3/CSS_Positioning.php