hallo ich bin momentan an meiner ersten Seite dran
aber ich bekomme es einfach nicht hin das meine Vertikales Menü in allen Browsern gleich angezeigt wird (nur im firefox wird es angezeigt, so wie ich es will)
dies ist die php datei
<html>
<head>
<title>
</title>
</head>
<body>
<style type='text/css'>
<!--
.transMenu {
position:absolute ;
overflow:hidden;
left:-1000px;
top:-1000px;
}
.transMenu .content {
position:absolute ;
}
.transMenu .items {
border: 0px solid #FFFFFF ;
position:relative ;
left:0px; top:0px;
z-index:2;
}
.transMenu td
{
padding: 5px 5px 5px 5px !important;
font-size: 12px !important ;
font-family: Verdana, Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: bold !important ;
color: #064660 !important ;
}
#subwrap
{
text-align: left ;
}
.transMenu .item.hover td
{
color: #ca0e0e !important ;
}
.transMenu .item {
text-decoration: none ;
cursor:pointer;
cursor:hand;
}
.transMenu .background {
background-image:none; background-color: #eaf2f5 !important ;
position:absolute ;
left:0px; top:0px;
z-index:1;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .shadowRight {
position:absolute ;
z-index:3;
top:3px; width:2px;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .shadowBottom {
position:absolute ;
z-index:1;
left:3px; height:2px;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .item.hover {
background-image:none; background-color: #eaf2f5 !important ;
}
.transMenu .item img {
margin-left:10px !important ;
}
table.menu {
top: 0px;
left: 0px;
position:relative ;
margin:0px !important ;
border: 0px solid #5e90a1 ;
z-index: 1;
}
table.menu a{
margin:0px !important ;
padding: 3px 5px 5px 25px !important ;
display:block !important;
position:relative !important ;
}
div.menu a,
div.menu a:visited,
div.menu a:link {
font-size: 12px !important ;
font-family: Verdana, Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: bold !important ;
color: #064660 !important ;
text-decoration: none !important ;
margin-bottom:0px !important ;
display:block !important;
white-space:nowrap ;
}
div.menu td.last {
border-bottom: 0px dashed #FFC819 ;
}
#menu span {
display:none;
}
-->
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Joomla! - dynamische Portal-Engine und Content-Management-System" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Kontakt</title>
<link href="/joomla/index.php?option=com_contact&view=category&catid=1&Itemid=2&format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/joomla/index.php?option=com_contact&view=category&catid=1&Itemid=2&format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/joomla/templates/go_vista_lite/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/joomla/images/favicon.ico" />
</head>
<body>
<table width="1220" border="0" align= "center" cellpadding="0" cellspacing="0">
<tr class="print">
<td width="15"> </td>
<td>
</td>
<td width="15"> </td>
</tr>
<tr class="noprint">
<td width="15" class="topleftcorner"> </td>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15" class="topshadowleft"> </td>
<td class="topshadow"> </td>
<td width="15" class="topshadowright"> </td>
</tr>
</table>
</td>
<td width="15" class="toprightcorner"> </td>
</tr>
<tr class="noprint">
<td width="15" class="topleftdrop"> </td>
<td class="topblackgardient">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td >
<div align="center"><div id="flashheader">
<FONT SIZE=7><font color="#0000FF">
<center> <span class="headershadow"></span></a><h1>
</div>
</div align="center">
</td>
</tr>
</table>
</td>
<td width="15" class="toprightdrop"> </td>
</tr>
<tr class="vistauser3">
<td width="15" class="bluegardientleft"> </td>
<td class="bluegardientbg"><form action="index.php" method="post">
<div class="search">
<input name="searchword" id="mod_search_searchword" maxlength="200" alt="Suchen" class="inputbox" type="text" size="200" value="Suchen..." onblur="if(this.value=='') this.value='Suchen...';" onfocus="if(this.value=='Suchen...') this.value='';" /> </div>
<input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
<input type="hidden" name="Itemid" value="2" />
</form></td>
<td width="15" class="bluegardientright"> </td>
</tr>
<tr class="noprint">
<td width="15" class="leftdropshadow20"> </td>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<div class="art-Header">
<div class="art-Header-png"></div>
<div class="art-Header-jpeg"></div>
</div>
<div class="art-nav">
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu"> <div align="left">
<div id="forum">
<lu> <a href="http://localhost/joomla/ansprechpartner.php" class="active"><span class="l"> </span><span class="r"> </span><span class="t">Ansprechpartner</span></a></lu><lu class="item19">
<li> <a href="http://localhost/joomla/anfahrt.php"><span class="l"> </span><span class="r"> </span><span class="t">Anfahrt</span></a></lu><lu class="item20"> </li>
<li><a href="http://localhost/joomla/kontaktformular.php"</span><span class="r"> </span><span class="t">Kontakt </a> </li>
<div class="art-contentLayout">
<div class="art-sidebar1"><div class="art-Block">
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="art-header-tag-icon">
<div class="t">
</div>
</div>
<div class="art-BlockContent">
<div class="art-BlockContent-tl"></div>
<div class="art-BlockContent-tr"></div>
<div class="art-BlockContent-bl"></div>
<div class="art-BlockContent-br"></div>
<div class="art-BlockContent-tc"></div>
<div class="art-BlockContent-bc"></div>
<div class="art-BlockContent-cl"></div>
<div class="art-BlockContent-cr"></div>
<div class="art-BlockContent-cc"></div>
<div class="art-BlockContent-body">
</tr>
<td width="230" class="bluegardientlowerleft"> </td>
<td class="bluegardientmiddl"> </td>
<td width="230" class="bluegardientlower"> </td>
</tr>
</table></td>
<tr>
<td width="15" class="leftdropshadow noprint"> </td>
<!--mainstart-->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="215" class="vistaleft"> <div class="module_menu">
<div>
<div>
<div>
<h3>Hauptmenü</h3>
<ul class="menu"><li class="item1"><a href="http://localhost/joomla/"><span>Startseite</span></a></li><li id="current" class="active item2"><a href="/joomla/index.php?option=com_contact&view=category&catid=1&Itemid=2"><span>Kontakt</span></a></li><li class="item3"><a href="/joomla/index.php?option=com_content&view=frontpage&Itemid=3"><span>Firmenprofil</span></a></li><li class="item4"><a href="/joomla/index.php?option=com_content&view=frontpage&Itemid=4"><span>Unsere Leistungen</span></a></li><li class="item5"><a href="/joomla/index.php?option=com_content&view=frontpage&Itemid=5"><span>Impressum</span></a></li></ul> </div>
</div>
</div>
</div>
</td>
<td valign="top" class="vistamain">
<div class="componentheading">
Kontakt</div>
<div class="contentpane">
<script language="javascript" type="text/javascript">
function tableOrdering( order, dir, task ) {
var form = document.adminForm;
form.filter_order.value = order;
form.filter_order_Dir.value = dir;
document.adminForm.submit( task );
}
</script>
<div align="center">
<iframe width="750" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="http://maps.google.de/maps?f=q&s…mp;output=embed" target='_blank' ></iframe><br /><small>
<a href="http://maps.google.de/maps?f=q&s…308647&z=12" style="color:#0000FF;text-align:left" target='_blank' >Größere Kartenansicht</a>
</small>
</div>
<form action="http://localhost/joomla/index.p…=1&Itemid=2" method="post" name="adminForm">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<thead>
<tr>
<td align="right" colspan="6">
</td>
</tr>
</thead>
<tfoot>
<tr>
<td align="center" colspan="6" class="sectiontablefooter">
</td>
</tr>
<tr>
<td colspan="6" align="right">
</td>
</tr>
</tfoot>
<tbody>
</td>
<td>
</td>
<td width="15%">
</td>
<td width="15%">
</td>
<td width="15%">
</td>
</tr>
</tbody>
</table>
<input type="hidden" name="option" value="com_contact" />
<input type="hidden" name="catid" value="1" />
<input type="hidden" name="filter_order" value="cd.ordering" />
<input type="hidden" name="filter_order_Dir" value="" />
<input type="hidden" name="viewcache" value="0" />
</form>
</div>
</td>
</tr>
</table>
<!--mainend-->
</td>
</tr>
<tr>
<td class="footershadowleft noprint"> </td>
<td align="center" valign="middle" class="vistafooter">
</td>
<td class="footershadowright noprint"> </td>
</tr>
<tr class="noprint">
<td class="footerleftlower"> </td>
<td align="left" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15" class="footerlowerleft"> </td>
<td class="footerlower"> </td>
<td width="15" class="footerlowerright"> </td>
</tr>
</table>
</td>
<td class="footerrightlower"> </td>
</tr>
<tr class="noprint">
<td> </td>
<td valign="top">
</td>
<td> </td>
</tr>
</table>
</body>
</html>
</body>
</html>