Hallo Leute,
mein JS Menü das sich aufklappt, ist jetzt wegen einer CSS Eigenschaft immer ganz oben. Sollte aber neben dem Menü sein (siehe Foto)
Das Menü pickt also immer ganz am oberen Rand, obwohl es nebem dem anderen erscheinen sollte.
Wenn ich das position:absolute auskommentiere, passt es wieder.
Hier der HTML Code:
CSS:
Und falls noch jemand braucht, hier ein Link zum JS Menü:
JavaScript Menü
Ich habe es mit float:right probiert, was das selbe Ergebniss ist, aber auch dann funktioniert das Menü nicht richtig.
Weiss jetzt auch nicht wie ich es machen könnte, wäre super wenn ihr mir ein paar Denkanstösse geben könntet.
lg aus Guatemala
Darian
mein JS Menü das sich aufklappt, ist jetzt wegen einer CSS Eigenschaft immer ganz oben. Sollte aber neben dem Menü sein (siehe Foto)
Das Menü pickt also immer ganz am oberen Rand, obwohl es nebem dem anderen erscheinen sollte.
Wenn ich das position:absolute auskommentiere, passt es wieder.
Hier der HTML Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SACBE - Mittelamerika Reisen</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="shortcut icon" href="http://sacbe/favicon.ico">
<link href="http://sacbe/css/style.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="js/de_menu.js"></script></head>
<body>
<div id="logo">
</div>
<div id="line1">
</div>
<div id="copyright">
Besucher:<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=3974619;
var sc_invisible=0;
var sc_partition=31;
var sc_click_stat=1;
var sc_security="4e09e153";
var sc_text=2;
</script>
<br>
<br>
Copyright Rene Meier 2008<br>
Webdesign <a href="http://www.guate.ws">www.guate.ws</a>
</div>
<div id="language_box">
<a href="http://sacbe/german">deutsche version</a> /
<a href="http://sacbe/english">english version</a>
</div>
<div id="line2">
</div>
<img id="banner" src="http://sacbe/images/sacbestyle/banner.jpg">
<div id="content">
<noscript>
<p>Your need JavaScript for the menu, please activate it!</p>
</noscript>
Deutsches Bild<br>
<img src="http://sacbe/images/startpage/map.jpg"></div>
<input type="hidden" name="lang" value="de">
</body>
</html>CSS:
HTML:
body {
margin:0px;
padding:0px;
margin-right:5px;
margin-bottom:5px;
background:url(../images/sacbestyle/greenline.jpg) repeat-y;
}
a:link, a:visited {
color:#000000;
font-size:11px;
text-decoration:none;
}
a:focus, a:hover, a:active {
color:#009999;
font-weight:bold;
}
#logo {
position:absolute;
top:0px;
left:10px;
width:151px;
height:161px;
margin-bottom:0px;
z-index:2;
background: url(../images/sacbestyle/logo.jpg) no-repeat;
}
#line1 {
position:absolute;
top:167px;
left:0px;
width:210px;
height:27px;
background-color:#649496;
}
#copyright {
position:absolute;
top:600px;
left:43px;
width:165px;
color:#666666;
font-size:10px;
}
#language_box {
position:absolute;
top:3px;
right:0px;
text-align:right;
margin-right:10px;
font-size:10px;
}
#copyright a:link, #copyright a:visited {
color:#666666;
}
#line2 {
position:absolute;
top:22px;
left:166px;
right:8px;
height:26px;
background-color:#392562;
}
#banner {
position:absolute;
top:50px;
right:15px;
}
#content {
position:absolute;
top:120px;
right:5px;
}Und falls noch jemand braucht, hier ein Link zum JS Menü:
JavaScript Menü
Ich habe es mit float:right probiert, was das selbe Ergebniss ist, aber auch dann funktioniert das Menü nicht richtig.
Weiss jetzt auch nicht wie ich es machen könnte, wäre super wenn ihr mir ein paar Denkanstösse geben könntet.
lg aus Guatemala
Darian
