Take: width: 100%

Beitrag lesen

SELF-Forum

width: 100%

Take
– Informationen zu den Bewertungsregeln

Hallo,

Ich habe ein Grundgerüst einer HTML-Seite mit leerem Body.

Der Body hat die CSS-Angaben padding und margin 0.

Nun füge ich eine h1 in den body mit folgendem CSS:

h1 {
position: absolute;
top: 0;
width: 100%;
margin: 0;
padding: 0;
}

Die Überschrift "klebt" jetzt auch am oberen Bildschiemrand, jedoch erhalte ich aus unerklärlichem Grund einen horizontalen Scrollbalken.

Ist mir auch unerklärlich. Ich nämlich nicht! :D

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head><title>h1</title>  
<style type="text/css">  
body {margin:0; padding:0;}  
h1 {  
position: absolute;  
top: 0;  
width: 100%;  
margin: 0;  
padding: 0;  
}  
</style>  
  
</head>  
  
<body>  
<h1>bla</h1>  
</body>  
</html>

gibt: Bildschirmfoto

Anscheinend sind die 100% mehr als 100%?

Vielleicht hast du noch irgendwie ein margin beim <html>?

Vielleicht kann mir jemand auf die Sprünge helfen.

Grüße

Gruß,
Take

Beitrag melden
–
Informationen zu den Bewertungsregeln