Visual studio - padding funktioniert nicht (style)?

Hallo zusammen,

ich gehe momentan ein Tutorial durch, leider funktioniert das padding bei mir nicht:

 <style>

     .page-content

          { padding: 0px 100px;

              }

    </style>

Nach unten bzw. oben lässt sich der Inhalt verschieben, nur leider nicht nach rechts und links. Ich habe es wie im Tutorial gemacht, hat jmd. vlt. eine Idee wo das Problem sein könnte ?

Answer 1

[Baerenheini]

Grundsätze:

es gibt:

padding-top, padding-bottom, padding-right, padding-left

-welche nur einen zugehörigen Wert haben

Dann gibt es wie in deinem Fall - padding: x y;

x ist in diesem Fall für den Abstand von oben und unten und y von rechts und links

Comments

[haveyou]

Weißt du eventuell woran es liegt, dass sich der Inhalt nicht nach links/rechts verschieben lässt ?

[Baerenheini]

@haveyou

willst du den content nur auf eine Seite verschieben, also Links oder Rechts, oder willst du ihn mittig stehen haben?

[haveyou]

@Baerenheini

Erstmals nur nach links bzw. rechts

[haveyou]

@haveyou

Wenn es aber einen code gibt um ihn mittig zu bekommen, würde ich mich freuen wenn du mir den auch nennen könntest :)

[Baerenheini]

@haveyou

na dann kannst du nicht für links und rechts dasselbe padding benutzen,

wenn du nach links verschieben willst: padding-left: 0; padding-right: 40px;

die 40 ist nur ein Beispiel...

[Baerenheini]

@haveyou

Mittig bekommst du ihn, indem pading-left und padding-right denselben Wert haben

[haveyou]

@Baerenheini

Ich habe es mal ausprobiert, leider funktioniert es immer noch nicht - es lässt sich wie vorhin nur nach oben/unten verschieben, gibt es eine andere Möglichkeit um das Problem zu finden ?

Übrigens: Vielen Dank für deine bisherige Bemühungen bzw. Antworten

[Baerenheini]

@haveyou

Tut mir leid, so aus der Ferne ist es schwer zu helfen. Schau dir einfach möglichst viele Tutorials auf Youtube an wie man eine Webseite baut. Das ist die einzige effektive Möglichkeit alles richtig zu verstehen/lernen.

Viel Erfolg

[haveyou]

@Baerenheini

Alles klar, ich danke die für deine Hilfe !

Answer 2

[FaTech]

padding: x y; demnach musst du x ändern und nicht y. X ist links rechts und y ist oben unten

Comments

[haveyou]

Danke für deine Antwort aber das funktioniert leider nicht (es lässt sich nach unten und oben verschieben aber nicht nach links und rechts)

[FaTech]

@haveyou

Dann zeig Mal deinen Code

[haveyou]

@FaTech

<style>

     .page-content

          { padding: 150px 100px;

              }

    </style>

</head>

[FaTech]

@haveyou

Das ist nicht alles

[haveyou]

@haveyou

Dabei lässt sich durch die 150 der Inhalt nur nach unten/oben verschieben nicht nach rechts/links

[haveyou]

@FaTech

Das ist nur head Bereich- da wo das Problem ist

[FaTech]

@haveyou

Kleiner Tipp: Ich rate dir davon ab. Mach lieber den:

padding-left

padding-top

padding-right

padding-bottom

[haveyou]

@FaTech

Danke für den Tipp, kannst du mir noch vlt. hinschreiben wie der Code dann aussehen möchte bzw. ist meiner richtig:

 <style>

     .page-content

          {padding-right: 100px;

              }

    </style>

[FaTech]

@haveyou

Ja ist es.

[haveyou]

@FaTech

Alles klar vielen Dank !