Hallo Liebe Leute!
Ich hoffe jemand kann mir helfen. Hab nämlich 2 Probleme.
Ich arbeite Zur Zeit an einer Homepage mit css und div Elementen.
Nun zu meinem ersten Problem.
Das Pulldown Menü welches ich gemacht habe funktioniert im Firefox einwandfrei, jedoch im IE zeigt der das aufgeklappte menü hinter dem Content Bereich an.
Quelltext: html:
Quelltext: css:
Mein zweites Problem ist, dass ich will, wenn sich der Content-Bereich vergrößert, sich auch der Rest vergrößert bzw verschiebt...geht sowas? Das verschieben des footers hab ich hinbekommen mit position: relative, aber der contenthintergrund, der master div und die beiden Balken vergrößern sich aber nicht. Geht das irgendwie?
Ich hoffe jemand kann mir helfen. Hab nämlich 2 Probleme.
Ich arbeite Zur Zeit an einer Homepage mit css und div Elementen.
Nun zu meinem ersten Problem.
Das Pulldown Menü welches ich gemacht habe funktioniert im Firefox einwandfrei, jedoch im IE zeigt der das aufgeklappte menü hinter dem Content Bereich an.
Quelltext: html:
HTML:
<div id="navihintergrund"> <div id="menue">
<div class="aussen">
<span class="menutag">Wir über uns</span>
<a class="innen-1" href="#">Zweibeiner</a>
<a class="innen" href="#">Vierbeiner</a>
</div>
</div>
</div>
Code:
#navihintergrund{
position:absolute;
left:150px;
top:275px;
width:715px;
height:40px;
background-color:#ccff99;
}
#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 10px;
left: 14px;
z-index: 200;
}
#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}
a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}
Mein zweites Problem ist, dass ich will, wenn sich der Content-Bereich vergrößert, sich auch der Rest vergrößert bzw verschiebt...geht sowas? Das verschieben des footers hab ich hinbekommen mit position: relative, aber der contenthintergrund, der master div und die beiden Balken vergrößern sich aber nicht. Geht das irgendwie?
Zuletzt bearbeitet von einem Moderator: