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

Hintergrund 100% strecken je nach Bildschirmgröße

B

bodojarck

Neues Mitglied
ich bitte um Hilfe bei folgendem Problem, ich habe eine Seite erstellt (subdomain)

Das Hintergrundbild ist das Problem, es reicht nicht über die ganze Seite, ich möchte gerne das egal mit welchem Monitor und Auflösung, das Bild immer kompl. über das ganze Browserfenster geht, egal ob es dabei gestreckt oder sich Nachteilig schlecht verändert(schrumpft)...
ich habe schon einiges probiert ....nur bekomme ich es irgendwie nicht hin...habe das Gefühl es liegt an dem mix aus /Tabelle und div...aber sich bin ich mir nicht ....ich füge mal den Code bei ..........Danke !LG Bodo


Casa del Lupo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Casa del Lupo</title>
<meta name="author" content="Andrea Heinen">
<META NAME="description" CONTENT="Haus der Gesundheit, Sülfeld, Suelfeld,">
<meta name="copyright" content="Andrea Heinen">
<meta name="keywords" content="Haus der Gesundheit, Sülfeld, Suelfeld,">
<meta name="revisit-after" content="5 days">
<meta name="keywords" lang="de" content="Bad Segeberg, Bargteheide, Bargfeld,">
<style type="text/css">
<!--
body {
background-image: url(untitled.jpg);
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
body,td,th {
color: #000000;
}
.Stil1 {font-size: 36px}
.Stil3 {
font-size: 36px;
color: #FF6633;
font-family: "Comic Sans MS";
}
.Stil4 {font-family: "Comic Sans MS"}
.Stil5 {color: #000000}
.Stil6 {font-family: "Comic Sans MS"; color: #000000; }
.Stil18 {font-family: "Comic Sans MS"; font-size: 15px; }
.Stil19 {font-family: "Comic Sans MS"; font-size: 12px; }
#apDiv1 {
position:absolute;
left:37px;
top:547px;
width:98px;
height:16px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:4px;
top:566px;
width:164px;
height:18px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:660px;
top:514px;
width:65px;
height:24px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:823px;
top:518px;
width:82px;
height:31px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:657px;
top:357px;
width:85px;
height:47px;
z-index:5;
}
#apDiv6 { position:absolute;
left:823px;
top:518px;
width:82px;
height:31px;
z-index:4;
}
#apDiv7 {
position:absolute;
left:43px;
top:479px;
width:85px;
height:65px;
z-index:5;
}
#apDiv8 {
position:absolute;
left:43px;
top:587px;
width:85px;
height:65px;
z-index:6;
}
#apDiv9 {
position:absolute;
left:16px;
top:655px;
width:142px;
height:20px;
z-index:7;
}
-->
</style></head>
<link rel="SHORTCUT ICON" href="http://www.haus-der-gesundheit-suelfeld.de/casa/Bilder/1218.ico">
<body>
<div class="Stil19" id="apDiv1"><a href="http://www.haus-der-gesundheit-suelfeld.de">Hier geht es zum</a></div>
<div id="apDiv2"><a href="Haus der Gesundheit" class="Stil19">Haus Der Gesundheit S&uuml;lfeld</a></div>
<div id="apDiv4">
<table width="79" height="31" border="1" bordercolor="#FF6633">
<tr>
<td width="102"><div align="center"><span class="Stil4"><a href="http://www.tj-pflasterung.de/hdg/beleg.php" target="_blank">Termine</a></span></div></td>
</tr>
</table>
</div>
<div id="apDiv7"><a href="http://www.haus-der-gesundheit-suelfeld.de"><img src="Bilder/hdglogoklein.jpg" width="85" height="65" /></a></div>
<div id="apDiv8"><a href="hobbymalerin/hobbymalerin1.html"><img src="Bilder/palette.jpg" width="85" height="65" /></a></div>
<div class="Stil19" id="apDiv9"><a href="hobbymalerin/hobbymalerin1.html">Hier geht es zum Atelier</a></div>
<p>&nbsp;</p>
<div align="center">
<table width="871" border="1" bordercolor="#FF6633">
<tr>
<th width="103" bgcolor="#FF6633" scope="col"><a href="index.html" class="Stil18">Home</a></th>
<th width="150" bgcolor="#FF6633" scope="col"><a href="lebensraume.html" class="Stil18">Lebensr&auml;ume</a></th>
<th width="150" bgcolor="#FF6633" scope="col"><a href="dolcedo.html" class="Stil18">Dolcedo</a></th>
<th width="150" bgcolor="#FF6633" scope="col"><a href="kontakt.html" class="Stil18">Anfahrt</a></th>
<th width="150" bgcolor="#FF6633" scope="col"><a href="www.haus-der-gesundheit-suelfeld.de - powered by MGB 0.5.4.8 OpenSource Guestbook" target="_blank" class="Stil18">G&auml;stebuch</a></th>
<th width="128" bgcolor="#FF6633" scope="col"><a href="impressum.html" class="Stil18">Impressum</a></th>
</tr>
</table>
</div>
<table width="982" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->

<tr>
<td width="57" height="67">&nbsp;</td>
<td width="161">&nbsp;</td>
<td width="24">&nbsp;</td>
<td width="198">&nbsp;</td>
<td width="79">&nbsp;</td>
<td width="73">&nbsp;</td>
<td width="187">&nbsp;</td>
<td width="147">&nbsp;</td>
<td width="56">&nbsp;</td>
</tr>
<tr>
<td height="92">&nbsp;</td>
<td colspan="7" valign="top"><div align="center" class="Stil1"></div>
<div align="center"><span class="Stil3">Willkommen an der italienischen Riviera! </span> </div>
<div align="center"></div></td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="33">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>














<tr>
<td height="255"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td colspan="2" valign="top"><div class="Stil4">
<div class="Stil5">Lassen wir uns einnehmen von dem&nbsp; seidenweichen&nbsp;Klima&nbsp;Liguriens und einem&nbsp;Haus, das behutsam in die Landschaft eingef&uuml;gt&nbsp;wurde.</div>
</div>
<div class="Stil5">&nbsp;</div>
<div class="Stil6">Casa&nbsp;Del Lupo&nbsp;&nbsp;verf&uuml;hrt&nbsp; zum Entspannen und Tr&auml;umen&nbsp; inmitten&nbsp;h&uuml;geliger&nbsp;&nbsp;Olivenhaine.&nbsp;&nbsp;</div>
<div class="Stil6">Erleben wir einen unvergesslichen&nbsp; Panoramablick in die Seealpen und &uuml;ber das Mittelmeer.</div></td>
<td>&nbsp;</td>
<td><!--DWLayoutEmptyCell-->&nbsp;</td>
<td valign="top"><table width="145" height="239" border="1">
<tr bordercolor="#FF6633">
<th height="223" scope="col"><script language="JavaScript" type="text/javascript" src="http://www.wetter.com/v2/woys2/woys2.js.php?170987,709b06e1997c3dffa561020b002a8513"></script></th>
</tr>
</table></td>
<td></td>
</tr>






















<tr>
<td height="27"></td>
<td>&nbsp;</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="12"></td>
<td rowspan="2" valign="top"><div align="center"></div></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>


<tr>
<td height="5"></td>
<td></td>
<td></td>
<td colspan="2" rowspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="17"></td>
<td valign="top"><p class="Stil19">&nbsp;</p></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben