width: 100%
0 0 
Take
width: 100%
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.
Anscheinend sind die 100% mehr als 100%?
Vielleicht kann mir jemand auf die Sprünge helfen.
Grüße
-
Hallo!
Anscheinend sind die 100% mehr als 100%?
Wird der Scrollbalken bei allen gängigen Browsern angezeigt?
Unter Umständen könnte ein für dich unsichtbarer Rahmen vorliegen, welcher das h1 um eben die Rahmenbreite verlängert wodurch dieser "länger als 100%" wird.Liebe Grüße aus Norddeutschland.
--
ie:{ fl:( br:> va:} ls:[ fo:| rl:? n4:~ ss:) de:> js:| ch:? sh:( mo:) zu:) -
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:
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