nicht angemeldet
Hallo,
hab leider wieder ein Problem an dem ich nicht so recht weiter komme, vielleicht könnt Ihr mir da helfen!!! Also ich hab ein HTML Layout entworfen aber leider, bekomme ich es nicht hin das sich das Layout an die Inhalte anpasst? Ich möchte das sich das Layout allen Inhalten flexibel anpasst und in allen Browsern einiger massen angezeigt wird, irgendwie komm ich aber nicht so recht weiter...
hier mal der Code:
font-size: 0.8em;
}
</style>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="leftcolumn">
<h2>Navigation</h2>
<div class="leftnav">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
<h2>Test</h2>
<div class="news">
<div class="nnews">
<h3>Test</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum ... </p>
<a href="#">mehr...</a>
</div>
<div class="nnews">
<h3>Test 2</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum ... </p>
<a href="#">mehr...</a>
</div>
</div>
<div class="ltext">
<h2>Newsletter</h2>
<img src="images/img1.gif" class="floatTL" alt="img 1" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
<div id="rightcolumn">
<h1>Test</h1>
<div id="box">
<div class="content_left">
<h3>Test</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<a href="#">mehr...</a>
</div>
<div class="content_right">
<h3>Test</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<a href="#">mehr...</a>
</div>
</div>
<div class="righttext">
<h2>Test</h2>
<img src="images/img2.gif" class="floatTL" alt="img 1" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam </p>
</div>
</div>
<div id="footer">
<ul>
<li><a href="#">Impressum</a></li>
<li><a href="#">Über uns</a></li>
<li><a href="#">AGB</a></li>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Hilfe</a></li>
</ul>
</div>
<div id="copyright">Copyright 2007 by :: Designed by ::</div>
</div>
</body>
</html>
Ist es möglich das Layout in der CSS so anzupassen das es sich an en Inhalt anpasst vergrößert/verkleinert ohne das Grundgerüst zu verschieben? Vielen Dank in voraus
MR