Hallo Leute,
hab da ein paar Probleme mit meiner aktuellen Seite.
Die Elemente (Buttons) meines links absolut positionierten DIVs lassen sich nicht anwählen.
Ich vermute das es damit zusammenhängt, dass die rechts davon liegenden DIVs ihn überlagern?
Oder warum kann ich doch einfach garnichts anklicken, es wird immer sofort Inhalt eines weiter links liegenden DIVs markiert.
Wie mach ich den linken DIV nutzbar?
Kleiner Auszug der CSS Datei:
* { padding: 0; margin: 0;}
li { margin-left: 1em;}
html, body {
background-color: #353535;
color: black;
font-family: Consolas;
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
ul {
list-style: none;
}
#page {
background-color: #EAEAEA;
color: black;
font-family: Consolas;
width: 100%;
height: 100%;
}
#links{
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0;
padding-top: 10px;
background-color: #EAEAEA;
width: 350px;
height: 100% - 10px;
text-align: center;
overflow: auto;
float: left;
position: absolute;
bottom: 0px;
top: 0px;
}
#rechtsoben {
margin-left: 350px;
background-color: #EAEAEA;
width: 100% - 350px;
height: 40px;
}
#rechtsmitte1 {
margin-left: 350px;
margin-top: 0px;
padding-left: 10px;
background-color: #f5f5f5;
width: 100% - 350px;
height: 50%;
max-height: 50%;
overflow: scroll;
border: solid 5px #EAEAEA;
}
#rechtsmitte2 {
margin-left: 350px;
margin-top: 0px;
padding-left: 10px;
background-color: #f5f5f5;
width: 100% - 350px;
height: 50%;
max-height: 50%;
overflow: scroll;
border: solid 5px #EAEAEA;
}
#rechtsunten {
margin-left: 350px;
padding-left: 10px;
background-color: #EAEAEA;
width: 100% - 350px;
height: 20px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
#rechtsmitte
{
height: 100% - 60px;
width: 100%;
position: absolute;
bottom: 35px;
top: 40px;
right: 0;
}