CSS Div-Tag Setzen oben auf der Seite, ohne Leerzeichen

Ich möchte ein div-tag mit der id "wrapper" oben auf der Seite, aber das problem ist
dass es ein Leerzeichen zwischen dem div-tag "wrapper ist gelb die Farbe"

und der Spitze der Seite.

Meine Frage ist wie kann ich das entfernen der Leerzeichen zwischen den div-tag und dem top
der Seite?

Hier ist mein code

HTML:

    <!DOCTYPE html>
    <html>
     <head>
     <style type='text/css'>
     body {
    	margin: 0;
    	padding:0;
     }	 
    	
     #wrapper {
    	width:1000px;
    	text-align:center;
    	margin-right:auto;
    	margin-left:auto;
    	margin-top:0px;
    	background-color: yellow;
    	padding:0px;
     }
     </style>
     </head>

     <body>
      <div id="wrapper">
       Testing
      </div>
     </body>
    </html>

  • Bei mir ist da kein Raum.
InformationsquelleAutor Ramy Nabiel | 2013-10-12
  1. 10

    Versuchen, diese in der css-code:

    {
 position:absolute;
 top:0px;
}

    Können Sie die right oder left um einen Raum zwischen der div und die Ecke

    • BITTE, BITTE, BITTE FORMATIEREN SIE IHRE BEITRÄGE!
    • Sorry , ich bin neu hier also weiß ich nicht, wie dies zu tun
    • Vielen Dank für Ihre Frage.Ja, es bewegte sich nach oben und Links in der Ecke. Aber ich will, dass es an der Spitze und in der Mitte des Bildschirms. Wie kann ich das tun ?
    • stackoverflow.com/help/formatting
    • Ja, es funktioniert für mich. Aber wenn put position:absolute überlappung zwischen div. und wenn ich position:relative , der weiße Raum zwischen meinem ersten div und den oberen Rand der Seite . wie kann ich machen das erste div-Element am oberen Rand der Seite und verhindern, dass überschneidungen zwischen den beiden div ?
    • in meinem Fall ändere ich den code auf position:relative; top:-25px; und diese laufen einwandfrei bei mir. danke für die Hilfe.

    InformationsquelleAutor AME
  2. 2

    Das problem ist: https://stackoverflow.com/a/5910170/2670516

    Versuchen, ersetzen Sie den gesamten code von:

    <!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <style type="text/css">
    body {
      margin: 0;
      padding:0;
    }    
    #wrapper {
      width:1000px;
      text-align:center;
      margin-right:auto;
      margin-left:auto;
      margin-top:0px;
      background-color: yellow;
      padding:0px;
    }
  </style>
</head>
<body>
<div id="wrapper">
  Testing
</div>
</body>
</html>
    • Super, funktioniert wie erwartet. Danke.
    InformationsquelleAutor André Augusto Costa Santos
  3. -1

    versuchen Sie, diese .. 

    {
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    width:1000px;
}

    hoffe, das funktioniert

    InformationsquelleAutor Niks
Schreibe einen Kommentar