[HTML/CSS]Div/Bilder ausrichten

  • Hallo zusammen,


    Ich bin gerade total verzweifelt und suche letzte Rettung hier^^
    Ich habe einen normalen Div Container.



    HTML:


    Code
    <div class="technik"> 
    <div id="technik_inhalt"> 
     Inhalt 
    </div> 
    </div>



    Dazu die CSS Deklaration:




    Leider wird der Div Container nur bei mir an der richtigen Stelle angezeigt.
    Wenn ich das an anderen Computern mit anderer Auflösung/Browser anschaue, ist der immer total verschoben und irgendwo auf der rechten Seite.
    Ich weiss, es ist bissl noobig, alles mit margin/padding etc. zu machen.



    Aber wie mach ich das anders?^^
    Die position:absolute ist doch auch nicht immer nötig oder doch?




    Hier noch 2 Bilder.


    Ihr seht, es ist nicht alles falsch, was mich irgendwie verwundert :D



    Bei mir:






    Bei anderen:





    Ich hoffe, ihr könnt mir dabei helfen.


    Gruss
    Vince

  • Ich weiß zwar nicht ob das richtig ist, aber wenn deine Buttons extra abgespeichert sind, dann einfach per center in die Mitte rücken?


    //Edit: Bitte korregiert mich, falls das Falsch ist! Bin selbst noch Anfänger in html & css

  • Gerade dein position : absolut sorgt dafür, dass kleinere Auflösungen das Bild anders präsentieren, wenn du nicht alles (nach <body> bis </body>) in einen zentrierten DIV-Container packst.


    Mein CS:GO Server: 62.75.168.39:27016


    Ich bin so hungrig, dass ich vor lauter Durst nicht weiß, was ich rauchen soll - so müde bin ich!
    Freedom is just another word for 'Nothing left to lose'

  • Nein, <center> ist kein valider CSS-Begriff.


    text-align + vertical-align reichen da vollkommen aus. Alternativ empfiehlt es sich, dir ggf die Arbeit mit Grid-Layouts ans Herz zu legen (http://www.960.gs) - erleichtert dir die Formatierung deines Layouts enorm, sobald du dich erstmal daran gewöhnt hast.


    Mein CS:GO Server: 62.75.168.39:27016


    Ich bin so hungrig, dass ich vor lauter Durst nicht weiß, was ich rauchen soll - so müde bin ich!
    Freedom is just another word for 'Nothing left to lose'

  • do.de - Domain-Offensive - Domains für alle und zu super Preisen
  • LOL


    Das Du das Problem nicht selbst siehst wundert mich.


    Du verwendest position: absolute in der CSS Datei
    und legst dann die Position von oben und rechts mit
    Pixeln statt Prozent fest.


    -> MEGA-SCHWACHSINN


    Je nach unterschiedlicher Monitorauflösung werden
    Deine Container dann natürlich verschoben.



    Lösung:


    Deine Angaben per Prozentangaben lösen.
    UND IMMER von der Mitte ausgehend positionieren!


    Wenn Du mehr wissen willst, musst Du mich direkt anschreiben.

  • Das Problem wurde per TeamViewer und Teamspeak gelöst. :thumbup:


    Zitat

    <div id="main-page"></div>


    Dann machste in der CSS:


    #main-page {
    width: 1100px;
    margin:0 auto;
    }


    Welch absoluter Blödsinn...


    Es geht nicht darum ein Element in der Mitte
    auszurichten, sondern Elemte an alle Monitor
    Auflösungen anzupassen.


    Dass geht nur mit Prozentanweisungen der
    äußeren Elemente für die jeweilgen Container.


  • Das ist nicht ganz richtig, so leid es mir tut. In der Webanwendungsentwicklung ist es üblich, wie Greekz7x und ich schon erwähnten, den content obligatorisch zu zentrieren. Dadurch ist sichergestellt, dass - egal bei welcher Desktopauflösung und Browserfenstergröße - der Content immer mittig ist. Der Rest wird durch Gridlayouts realisiert. Prozentangaben lohnen sich bei den heutigen Standards nur noch auf Seiten, die - wie beispielsweise Foren - von der Größe des Layouts variieren müssen/sollen, sobald sich die Browserfenstergröße ändert.


    Das musste ich noch loswerden, freut mich, dass du es geschafft hast Vince.


    Mein CS:GO Server: 62.75.168.39:27016


    Ich bin so hungrig, dass ich vor lauter Durst nicht weiß, was ich rauchen soll - so müde bin ich!
    Freedom is just another word for 'Nothing left to lose'

  • LeijaT


    Bevor Du postet, solltest Du Dir mal meinen Beitrag aufmerksam durchlesen.
    Dort habe ich erwähnt, das dies mit dem genannten Problem nichts zu tun hat.


    Dass man Objekte heutzutage zentriert, ist optisch nunmal nicht unüblich.


    Alles andere, was Du von Dir gegeben hast, ist mal wieder völliger Quatsch.


    Prozentangaben hier im Forum mögen sich vielleicht auf Breite des Contents
    auswirken, aber diese ist auch nicht in der Position absolute deklariert, sondern zentral positioniert.


    Das Problem dort lag aber darin, dass einige Container einfach durch die absolute
    Position gegeben waren und sich dann, je nach Auflösung, verschoben haben.


    Das habe ich angepasst.
    Und dazu brauche ich das Element mit margin nicht in der Mitte zentieren.


    In Zukunft einfach richtig lesen, dann passt's schon :P

  • Bevor sich das hier in die nächste sinnlose Diskussion entwickelt, für die mir meine Zeit viel zu schade ist, verkneife ich mir meinen nächsten Kommentar einfach und sage "dito".


    Mein CS:GO Server: 62.75.168.39:27016


    Ich bin so hungrig, dass ich vor lauter Durst nicht weiß, was ich rauchen soll - so müde bin ich!
    Freedom is just another word for 'Nothing left to lose'