CSS Text-Positionierung

Ich habe einen container, und ich habe #info hält meine h5-text. Wie kann ich den text wo ich es will innerhalb des Containers ohne messing der Seite, wenn die Auflösung anders ist. Danke.

    <style media="screen" type="text/css">

    body {
    background-color:#C0C0C0;
    }

    #container {
    background-image:url('pic.png');
    background-repeat: no-repeat;
    height: 541px;
    width:1020px;
    margin: auto;
    }

    #info {
    height:500px;
    width:700px;
    }

    a:link {
    text-decoration: none;
    color:#000000;
    }
    a:hover {
    background-color:#efefef;
    } 

    h5 {
    color:black;
    font-size:0.9em;
    }

   </style>
Was meinst du mit "nicht in Unordnung die Seite oben"? Wenn möglich, geben Sie ein Beispiel von dem, was Sie zu erreichen versuchen, auch wenn das eine Bild würde es helfen, folk -, die versuchen, zu helfen, zu visualisieren, was Sie zu tun versuchen.
okay. also die Auflösung ist bei 1440x900 und es ist geändert auf 1024x768, den text bewegt und ist in einem anderen Teil des Containers. Wie bekomme ich es zu "kleben"?

InformationsquelleAutor fealiux | 2011-07-24

  1. 5

    Hinzufügen position: relative zu #container und zu h5. Dann können Sie verschieben Sie die überschrift mit left und top (oder right und bottom).

    #container {
    position: relative;
}


h5 {
    position: relative;
    left: 10px;
    top: 5px;
}

    Hier ist eine demonstration: http://jsfiddle.net/alp82/4b9xK/

    InformationsquelleAutor Alp

Schreibe einen Kommentar