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

Formatfüllendes Foto...

joh

Neues Mitglied
Hallo hier!

Ich bin Anfänger und habe folgendes Problem:
Ich möchte eine Webseite gestalten,
auf der ein Foto als Hintergrund formatfüllend
dargestellt wird.
Das habe ich zwar nun hin bekommen, das Bild
wird aber nun bei Ändern des Browserfensters verzerrt.
Kann man das ändern?
Die Seite soll so ähnlich funktionieren wie diese hier:
Prairie vodka - Age Verification

Mein Quelltext sieht so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="HandmadeByNatives">
<title>Roaring Classics</title>
<style type="text/css" media="screen"><!--
element { top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: auto }
--></style>
</head>

<body background="" bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<p><img src="Hgr.jpg" alt="" width="100%" height="100%" align="center" border="0"></p>
</body>

</html>

Dank&Gruß,
Joh
 
Anders als in deinem (fehlerhaften) Beispiel, ist das bei deiner Beispielseite mit der CSS-Eigenschaft background-size erreicht wurden. Siehe:
Background-size - CSS3 . Info
Stichwort: cover-Wert.

Fehlerhaft? Weil du versuchst mit HTML Gestaltungen vorzunehmen (Hintergrundbild, Schriftfarbe etc.). Dafür ist HTML aber nicht gedacht, das macht man mit CSS. Und nein, das was Du willst ist mit HTML alleine nicht möglich.

Und bitte verwende Code-Tags, wenn Du Quellcode im Forum zeigst.

Moderation: Verschoben von HTML zu CSS.
 
Zurück
Oben