• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Banner in voller Bildschirmbreite

Hallo-Welt

Hallo-Welt

Aktives Mitglied
Also, mein Problem ist folgendes:
Ich versuche gerade, eine Grafik als Banner ganz oben auf der Seite einzufügen, die die volle Bildschirmbreite einnehmen soll. Bisher hab ich folgendes versucht:
HTML: 
<p><img alt="Banner" src="banner.png" style="width: 100%; height: 100px;" /></p>
Das Problem ist nur, dass links, rechts und oben immer noch ein Zentimeter frei bleibt, die Grafik diesen Platz also nicht einnimmt. Wie kann ich das ändern? Muss ich auf CSS zurückgreifen?
 
Damit auch der Abstand vom <p> weg ist, wäre

Code: 
* { margin:0; padding:0;}

vermutlich passender ;)

Moderation: Verschoben von HTML zu CSS.
 
@djheke

Vielen dank für die Antwort.

Nur bin ich entweder zu blöde, oder geht es so nicht. Mein HTML-Doc schaut so aus:
HTML: 
<head>
    <style type="style.css"></style>
</head>
<body>
<p><img alt="Banner" src="banner.png" style="width: 100%; height: 100px;" /></p>
</body>
und die CSS-Datei so:
Code: 
html , body { margin:0; padding:0;}
Was hab ich falsch gemacht?
 
So bindest du deine Styledatei ein.
Code: 
<link rel="stylesheet" type="text/css" href="style.css" media="all"/>[COLOR=#800080]
[/COLOR]

Der Vorschlag von threadi ist besser.
Code: 
* { margin:0; padding:0;}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben