Abstand verkleinern (CSS) - nPage.de

Planet Erde · #1 (**permalink**) 27.06.2012, 14:09

Hallo,
ich würde gerne den Abstand vom Beginn des Browserfensters und dem Beginn meines Designs (oberhalb des Headers) auf meiner Homepage Unser-Planet-Erde.de verkleinern. Könnte sich vllt. jemand die CSS-Datei "upe-style" einmal anschauen, und mir sagen, wo ich etwas ändern muss?
MfG
Planet Erde

maggins · #2 (**permalink**) 27.06.2012, 15:48

Zwei Änderungsvorschläge:

1. In deinem Quelltext ist direkt nach dem <body> ein Zeilemumbruch <br/> eigefügt. Wenn du den entfernst
(ich schätze im Design-Style) sollte sich das ganze schon ein wenig nach oben verschieben.

Code:

<body bgcolor="#D2B48C"> 
<br/> 
<table border="0" cellspacing="0" cellpadding="0" align="center" width="970" height="25" >

2. Ein generelles Zurücksetzen des Abstandes für den gesamten <body> erreichst du mit folgendem CSS-Teil
(noch nicht in deiner .css vorhanden):

Code:

body {
 margin:0; padding:0;
 margin-top: 5px; /*Abstand nach oben*/
}

Anschließend, also nachdem du den Zeilenumbruch entfernt und den CSS-Teil in deinem Design eingebunden hast, könntest du pixelweise den Anstand nach oben anpassen, mit der zusätzlichen Angabe margin-top (Außenabstand) oder auch padding-top (Innenabstand).

Planet Erde · #3 (**permalink**) 27.06.2012, 18:24

Hallo,
vielen Dank für die ausführliche Antwort!
Ich habe den Zeilenumbruch nun entfernt und so passt es eigentlich ganz gut, finde ich. Ich werde es erst einmal bei 5px Abstand belassen