• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Homepage verzieht sich

C

Creedy

Neues Mitglied
Hallo,

ich hab ein kleines Problem undzwar wenn ich das Browser Fester die größe änder verschiebt sich alles, wie kann ich es machen das sich nichts verschiebt
 
Einen Wrapper mit statischer Breite drum herum machen.
BTW: Punkte, Kommas, Fragezeichen und dergleichen haben eine wichtige Funktion. Sowohl in Code, als auch in Texten.
 
Ja entschuldigund ich war mit dem Handy Online.
Könntest du mir vll eine kleine Hilfe oder ein denk Anstoß geben wie ich das mit dem Wrapper machen und was er genau macht, damit ich das Lernen kann. In google finde ich leider nichts.
 
o.O Das ist eigentlich Webdesign 101 und Google ist dein freund.
Was solls? Ich hab gerade Zeit.

Als Wrapper bezeichnet man im Allgemeinen ein grupperendes Element, dass um alle anderen Elemente gelegt wird.
Im Falle eines vollständigen Layouts wäre das idealerweise ein Blockelement ohne semantische Bedeutung.
Also ein <div></div>
Reduziert sähe das in etwa so aus
HTML: 
<!DOCTYPE ... >
<html>
<head>
<title>Titel</title>
</head>

<body>
    <div>
        RESTLICHER CODE
    </div>
</body>
Anmerkung: Wenn das keine unerwünschten nebeneffekte auf das Backgroundstyling hat, kann auch der <body> diese Funktion übernehmen

Diesem Wrapper gibst du nun die gewünschten Eigenschaften.
Idealerweise als ausgelagerte CSS oder als CSS im <head>
Das <div> bekommt zu diesem Zweck eine class="" oder id="" zugewiesen.
HTML: 
<div class="wrapper">

Der CSS-Code könnte dann so aussehen
Code: 
.wrapper{
    width:950px;
    margin: 0 auto;
}

Alternativ kann das CSS auch inline eingetragen werden
HTML: 
<div style="width:950px; margin:0 auto;">

Auf die Inlinevariante sollte aber, aus Gründen der Übersichtlichkeit, verzichtet werden.

Im <head> müsste CSS in einen <style>-Tag
HTML: 
<style type=text/css>
    CSS-CODE HIER
</style>

Wenn man den CSS-Code auslagert (Ideallösung), speichert man ihn in eine Datei mit der Endung .css (z.B. style.css) und verlinkt diese im Head, wiefolgt
HTML: 
<link href="style.css" rel="stylesheet" type="text/css">
 
danke ich werde es mir mal anschauen, wie ich schon sagte hatte ich in googel nachgeschaut aber leider nichts gefunden.

Eine ausgelagerte style.css hab ich schon für meine Navigationsbar aber ich hab noch das Problem das mein div schon eine id hat wegen dem Navigationsmenü
 
Hä?
Vielleicht solltest du dir erst mal die Grundlagen aneignen bevor du ins Blaue baust.

Es können beliebig viele Elemente IDs haben.
Es dürfen nur nicht beliebig viele Elemente die gleiche ID haben.

Und selbst diese Regel gilt nur für IDs. Nicht für Classes.
Mein Beispiel oben arbeitet mit einer Class.

Noch mal. Verinnerliche die Grundlagen. Das macht vieles leichter.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben