nicht angemeldet
Hallo,
ich möchte ein Menu machen, was von links 276px bis an den rechten Rand reicht und 20px vom rechten Rand entfernt soll eine vertikale Linie sein. Das bekomme ich einfach nicht.
Probiert habe ich es mit Firefox 2 und IE7.
Hier einen meiner Versuche:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title>CSS Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#menu_oben{
z-index: 0;
position: fixed;
top: 117px;
width: 99%;
height: 26px;
padding:0px;
margin: 0px;
border: 0px;
color : White;
background-color: #747c7f;
border-bottom-color: #547f85;
border-bottom-style: solid;
border-bottom-width: 7px;
}
.menu_oben_tb1{
table-layout: fixed;
height: 20px;
width: 95%;
border-bottom: 1px;
border-top: 1px;
border-right: 1px;
border-left: 1px;
padding: 0px 0px 0px 0px;
border-spacing: 0px;
}
.menu_oben_tb2{
height: 20px;
width: 20px;
border-bottom-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-left-width: 1px;
border-style: solid solid solid solid;
border-left-color: white;
}
#menu_oben_rahmen{
z-index: 1;
position: fixed;
/padding-left: 0px;
padding-left: 276px;
top: 0px;
width: 100%;
height: 100%;
border: 1px solid black;
}
</style>
</head>
<body>
<div id="menu_oben_rahmen">
<div id="menu_oben">
<table class="menu_oben_tb1">
<tr>
<td width="100%"> </td>
<td style=" height: 100%; width: 20px; border-right: 1px solid white;"> </td>
</tr>
</table>
</div> <!-- Ende: id="menu_oben" -->
</div>
</body>
</html>
Sehen kann man es hier:
http://de.geocities.com/marcel_polty/test.html
Hat jemand einen Tipp für mich?
Danke + Gruß
Marcel