nicht angemeldet
Tach,
neues Problem zurzeit:
Ich habe nach dem Prinzip das auch hier:
http://www.css-technik.de/css-examples/20_9/menu1.html
verwendet wird ein Menü mit Popup Infos gebastelt.
Funktioniert auch, nur, dass die Positionierung des Popup-Fesnters nicht mehr stimmt, sobald man die Fenstergröße verändert.
Mit position:absolute klappts nicht, und mit relative auch nicht.
Ich will einfach nur eine Feste Position ( kann auch im Bezug auf Hauptdiv oder so sein ) festlegen, die Proportionen sollen einfach stimmen.
Hier CSS Definitionen:
-----------------------------------------------
div#maindiv
{
position:relative;
display:block;
align:center;
margin:5% 10%;
width:100%;
height:90%;
border-color:#000000;
border-width:2px;
border-style:solid;
background:#AA0000;
}
div#bannerdiv
{
display:block;
align:center;
}
div#topdiv
{
position:relative;
width:100%;
align:center;
display:block;
background-color:AA7777;
}
div#menudiv a
{
border:#000000 1px solid;
background:#770000;
color:#FFFFFF;
text-align:center;
width:10%;
font-weight:normal;
font-size:8pt;
margin:5px 7px 5px;
float:top;
display:inline-table;
}
div#menudiv a:hover
{
border:#FFFFFF 1px dotted;
background:#BB0000;
padding-bottom:5px;
margin:5px 7px 5px;
color:#FFFFFF;
padding-top:3px;
text-align:center;
top:100px;
width:10%;
display:inline-table;
}
a .infotext
{
display:none;
text-decoration:underline overline;
white-space:nowrap;
}
a:hover .infotext
{
position:absolute;
top:40px;
left:180px;
display:block;
width:450px;
font-size:8pt;
font-weight:normal;
background:#BB0000;
border:1px dashed #000000;
color:#FFFFFF;
padding:5px;
text-align:center;
}
--------------------------------------------------
Quelltext der HTML Seite:
..................................................
<html>
<head>
<title>geht net</title>
<link rel="stylesheet" type="text/css" href="nfd.css">
</head>
<body>
<div id="maindiv" align="center">
<div id="bannerdiv"><img src="banner.jpg" width="565" height="147"></div>
<br>
<br>
<div id="topdiv">
<div id="menudiv"><a href="#">Link 1<span class="infotext">lala</span></a><a href="#">Link 2<span class="infotext">lala</span></a><a href="#">Link 3<span class="infotext">lala</span></a><a href="#">Link 4<span class="infotext">lala</span></a><a href="#">Link5<span class="infotext">lala</span></a>
</div>
</div>
</div>
</body>
</html>
.........................................................
Ich versteh vor allem nicht, warums bei denen ( http://www.css-technik.de/css-examples/20_9/menu1.html ) funktioniert und bei mir nicht.
Bin für Hilfe sehr dankbar,
MfG,
Tille.