LinkBack URL
About LinkBacks
Zitieren
moin auch,
idiotensichere Antwort leider nicht, aber was du brauchst, ist das sog. "liquid Design"
Mein HP soll sich automatisch der Bildauflösung anpassen!
Hallo,
ich habe eine HP erstellt mit Dreamweaver CS4. Nun möchte ich gerne, dass sich die Auflösung je nach Anwendereinstellung automatisch anpasst. Wo kann ich das angeben?? Ich hab mich schon durch sämtliche Tutors durchgelesen.... kann mir jemand eine idiotensichere Antwort geben?
Hier der Code meiner Vorlage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>SGBG - Vorlage</title>
<meta name="robots" content="index, follow" />
<meta http-equiv="content-language" content="eng" />
<meta name="description" content="xxxx" />
<meta name="keywords" content="xxxx" />
<meta name="author" content="xx" />
<meta name="publisher" content="xx" />
<meta name="copyright" content=xx, 2011" />
<meta name="revisit-after" content="14 days" />
<!-- TemplateEndEditable -->
<link href="../css/style.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
/* Fügen Sie CSS-Box-Modell-Korrekturen für IE 5* in diesen bedingten Kommentar ein. */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */
</style>
<![endif]-->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
background-color: #FFF;
}
-->
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<h1>Welcome to xxx</h1>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../about.html" class="MenuBarItemSubmenu">About us</a>
<ul>
<li><a href="../boardmembers.html">Board Members</a></li>
</ul>
</li>
<li class="MenuBarItemSubmenu"><a href="../membership.html" class="MenuBarItemSubmenu">Membership</a>
<ul>
<li><a href="../benefit.html">Benefit</a></li>
<li><a href="../discounts.html">Discounts</a></li>
<li><a href="../registration.html">Registration</a></li>
</ul>
</li>
<li class="MenuBarHorizontal"><a href="../events.html">Events</a> </li>
<li><a href="../latestnews.html">Latest News</a></li>
<li><a href="../links.html" class="MenuBarItemSubmenu">Links</a>
<ul>
<li><a href="../ccc.html">xxx Companies</a></li>
<li><a href="../ccc.html">xxx Companies in xx</a></li>
<li><a href="../ccc.html">Travelling to xx</a></li>
<li><a href="../ccc.html">Travelling xx</a></li>
<li><a href="../ccc.html">ccc</a></li>
</ul>
</li>
<li><a href="../contact.html">Contact</a></li>
</ul>
<!-- end #header --></div>
<div id="mainContent"><!-- TemplateBeginEditable name="Seiteninhalt" -->
<h1>Inhaltsüberschrift </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
<h2>H2-Überschrift </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<!-- TemplateEndEditable -->
<!-- end #mainContent --></div>
<!-- Dieses clear-Element sollte direkt auf das #mainContent-div folgen, um das #container-div anzuweisen, alle untergeordneten Floats aufzunehmen. --><br class="clearfloat" />
<div id="footer">
<h6> mmmmmmmmmmmmm m<img src="../images/Logo2.jpg" alt="SGBG Banner" width="481" height="80" align="absmiddle" /></h6>
<p>© Copyright 2011 by cccc• <a href="../impressum.html">Impressum</a> • <a href="../contact.html">Contact</a></p>
<p> </p>
<!-- end #footer --></div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
moin auch,
idiotensichere Antwort leider nicht, aber was du brauchst, ist das sog. "liquid Design"
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)