Hallo und Hiiiilfe!
ich komme einfach nicht weiter: Mein Layout soll folgendermaßen aussehen.
Links soll ein Menu mit Hintergrundgrafik positioniert werden.Nun soll das Menu bei einer evtl. Schriftvergrößerung mitwachsen (auch die grafik) das ist hier auch kein problem. aber nun soll auch noch ein logo -entweder verschachtelt in das menu div oder als extra div oben drüber gelegt werden, sodass sich auch das logo mit dem menü vergrößert. das logo wird. das haut aber überhaupt nicht hin.
dann soll der head bereich neben dem Logo links beginnen und eben auch bei einer Vergrößerung des Logos nach rechts rutschen. Neben das Menü soll dann flexibel der text und daneben ein weiters div.
Nichts geht so wie ich das will. Was mache ich bloß falsch?
könnte mir bitte jemand einen tipp geben?
so sieht der code aus:
/* Das Logo links*/
#logo {
top: 0px;
right:0px;
height: 94px;
margin: 0px;
background-image: url(../grafik/logo.jpg);
background-repeat: no-repeat;
}
/* Das Menue links*/
#menu {
float:left;
top: 0px;
left: 0px;
color: #000;
margin: 0px;
padding: 20px 1px 0px 2px;
background-image: url(../grafik/menukreis.gif);
background-repeat: no-repeat;
background-position: right top;
}
#head {
top: 0px;
left: 200px;
height: 94px;
background: #c6efb5 url(../grafik/menschen.jpg) repeat-x left;
}
/* der textbereich */
#content {
margin: 0px 150px 0px 240px;
padding: 30px 100px 20px 50px;
}
/* Das Menue rechts*/
#menurechts {
position: absolute;
top: 150px;
right: 20px;
margin: 0px 30px 0px 0px;
background-color: #fff;
color: #000;
}
und so der html aufruf:
<body>
<div id="menu"><div id="logo"></div>
<ul class="listeul">
<li class="listeli"><a class="menu" href="#">....
</ul>
</div>
<div id="head"></div>
<div id="content">
</div>
<div id="menurechts">
</div>
Über hilfe würde ich mich sehr freuen.
lieben gruß
Beatrix
ich komme einfach nicht weiter: Mein Layout soll folgendermaßen aussehen.
Links soll ein Menu mit Hintergrundgrafik positioniert werden.Nun soll das Menu bei einer evtl. Schriftvergrößerung mitwachsen (auch die grafik) das ist hier auch kein problem. aber nun soll auch noch ein logo -entweder verschachtelt in das menu div oder als extra div oben drüber gelegt werden, sodass sich auch das logo mit dem menü vergrößert. das logo wird. das haut aber überhaupt nicht hin.
dann soll der head bereich neben dem Logo links beginnen und eben auch bei einer Vergrößerung des Logos nach rechts rutschen. Neben das Menü soll dann flexibel der text und daneben ein weiters div.
Nichts geht so wie ich das will. Was mache ich bloß falsch?
könnte mir bitte jemand einen tipp geben?
so sieht der code aus:
/* Das Logo links*/
#logo {
top: 0px;
right:0px;
height: 94px;
margin: 0px;
background-image: url(../grafik/logo.jpg);
background-repeat: no-repeat;
}
/* Das Menue links*/
#menu {
float:left;
top: 0px;
left: 0px;
color: #000;
margin: 0px;
padding: 20px 1px 0px 2px;
background-image: url(../grafik/menukreis.gif);
background-repeat: no-repeat;
background-position: right top;
}
#head {
top: 0px;
left: 200px;
height: 94px;
background: #c6efb5 url(../grafik/menschen.jpg) repeat-x left;
}
/* der textbereich */
#content {
margin: 0px 150px 0px 240px;
padding: 30px 100px 20px 50px;
}
/* Das Menue rechts*/
#menurechts {
position: absolute;
top: 150px;
right: 20px;
margin: 0px 30px 0px 0px;
background-color: #fff;
color: #000;
}
und so der html aufruf:
<body>
<div id="menu"><div id="logo"></div>
<ul class="listeul">
<li class="listeli"><a class="menu" href="#">....
</ul>
</div>
<div id="head"></div>
<div id="content">
</div>
<div id="menurechts">
</div>
Über hilfe würde ich mich sehr freuen.
lieben gruß
Beatrix
