Huhu,
seit einer Woche sitze ich an einem wahrscheinlich relativ einfachen Thema, komme aber auf keinen grünen Zweig.
- Ich habe eine Site erstellt und ich möchte, das sich der #Container, der alle
anderen #Inhaltsdivs beinhaltet von der Höhe an dem Viewport orientiert(skaliert) und
auch seine Inhaltsdivs sich abhängig von dem Container skalieren und relativ positionieren.
-Die hier dargestellten beispielinhaltsdivs haben natürlich in der originalseite
unterschiedliche Poitionen und Größen.
hier der Code:
css:
html, body { height: 100%;
margin: 0px;
}
#container {
position: relative;
margin: 0 auto;
width: auto;
min-height: 100%;
height: auto !important;
height: 100%;
background: #eee;
}
------------------------
html:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>beispiel</title>
<meta **********="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../css/basic.css" type="text/css" rel="stylesheet" media="all" />
</head>
<div id="container">
<div id="inhalt1">
<div style="position:relative;width:623px;height:403px; ">
<div style="position:absolute;top:0px;left:0px;width:62 3px;height:403px;">
<img src="Bild.jpg" alt="" height="403" width="623" border="0" />
</div>
<div id="inhalt2">
<div style="position:relative;width:623px;height:403px; ">
<div style="position:absolute;top:0px;left:0px;width:62 3px;height:403px;">
<img src="menüpunkt1.jpg" alt="" height="403" width="623" border="0" />
</div></div>
</body>
</html>
kann mir da jemand weiterhelfen?
ciao,jonas
