Verhindern Sie, dass sich div bewegt, während Sie die Größe der Seite ändern

Ich bin ganz neu in CSS und ich versuche, eine Seite läuft. Ich schaffte es
um erfolgreich zu produzieren, was ich dachte, war eine nette Seite, bis ich die Größe verändert
browser-Fenster, dann begann sich alles zu bewegen. Ich habe keine Ahnung, warum
dies ist passiert!!

Könnte jemand mir einige Ratschläge bitte. Wenn ich die Größe der Fenster würde ich
wie die 'Objekte' zu bleiben, wo Sie sind, aber das Fenster zum ändern der Größe. für
Beispiel, wenn ich ziehen Sie die untere Ecke des Fensters nach oben und Links würde ich
erwarten zu sehen, was unten rechts verschwinden und Bildlaufleisten
erscheinen aber das Objekt in der linken oberen Ecke bleiben genau dort, wo
Sie sind.

Bin ich sence ?

Haben Sie einen Blick auf die Arbeit der Bedingung von meiner Seite : http://aimmds1.estheticdentalcare.co.in/

dann versuchen, die Größe des browser-Fensters durch ziehen der richtigen Größe nach Links .
und betrachten Sie den Inhalt im Kopf , und auch die Menüleiste .. das Sie nach unten springen, die header-Inhalte wurde auch das springen nach unten, dann mache ich overflow: hidden ; .. aber als ich verstehen, all dies ist nicht der richtige Weg.

Finden Sie die html-und CSS-hier : http://jsfiddle.net/swati/hCDas/

Ich habe bereits versucht verhindern, div bewegt sich auf Fenster Größe ändern , ich habe versucht, min-width:820px; für div header ,, dass die main mit div.. aber das tut es lösen.

Dank in Vorfreude auf Ihre Hilfe.

InformationsquelleAutor der Frage swati saoji | 2012-01-12

  1. 26

    1 - entfernen Sie den Rand von Ihrem KÖRPER CSS.

    2 - wickeln Sie alle Ihre html-wrapper <div id="wrapper"> ... all your body content </div>

    3 - Definieren der CSS-Code für den wrapper:

    Diese halten alles zusammen, auf der Seite zentriert.

    #wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

    InformationsquelleAutor der Antwort Diodeus - James MacFarlane

  2. 4

    Gibt es zwei Arten von Messungen, die Sie verwenden können, für die Angabe von breiten, Höhen, Margen etc: relative und Feste.

    Relative

    Ein Beispiel für eine relative Messung ist, die Prozentsätze, die Sie verwendet haben. Prozentsätze sind entsprechende element enthalten. Wenn es kein element enthalten, sind Sie relativ zum Fenster.

    <div style="width:100%"> 
<!-- This div will be the full width of the browser, whatever size it is -->
    <div style="width:300px">
    <!-- this div will be 300px, whatever size the browser is -->
        <p style="width:50%">
            This paragraph's width will be 50% of it's parent (150px).
        </p>
    </div>
</div>

    Andere relative Messung ist die ems, die relativ zur Schriftgröße ist.

    Festen

    Ein Beispiel für eine ortsfeste Messungen Pixel, aber eine Feste-Messung kann auch sein, pt (Punkt), cm (Zentimeter) etc. Behoben (manchmal absolut) Messungen sind immer die gleiche Größe. Ein pixel ist immer ein pixel, Zentimeter, ist immer ein Zentimeter.

    Wenn Sie auf Feste Maße für Ihren Größen der browser die Größe nicht beeinflussen das layout.

    InformationsquelleAutor der Antwort MrMisterMan

  3. 3

    Ich würde eher verwenden statische breiten, und wenn Sie möchten, dass Ihre Seite, um die Größe je nach Bildschirm-Größe, können Sie einen Blick auf media queries.

    Oder Sie können einen min-width-Elemente wie header, navigation, content etc.

    InformationsquelleAutor der Antwort Adaz

  4. 1

    Hallo Erstens scheint es viele "Fehler" in Ihren html-wo Sie fehlen schließende tags, die Sie könnten versuchen, wickeln Sie die Inhalte Ihrer <body> in einer festen Breite <div style="margin: 0 auto; width: 900px> zu erreichen, was Sie getan haben, mit der body {margin: 0 10% 0 10%}

    InformationsquelleAutor der Antwort T I

Schreibe einen Kommentar