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
Wenn du es abhängig willst, würde ich doch eher zu einem Layoutgitter oder zu einer Tabelle tendieren. Bei einer Tabelle kannst du dann beide tabs ausrichten, das wäre jetzt meine erste Eingebung. Aber ich muss auch leider sagen, dass ich nicht genau verstanden habe, was du genau meinst.
gruß,
puck
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren