LinkBack URL
About LinkBacks
Menü-Icons werden im IE falsch angezeigt
Liebe Joomla-Experten,
ich nutze Joomla 1.5.auf bplaced.net (als Testserver)
ich habe ein Problem mit der Anzeige meines Menüs im Internet Explorer (Version 8). Während die Seite im Firefox (Version 3.6) und Safari (Version 5.0) so dargestellt wird, wie ich es ins Template geschrieben habe, wirft der IE das Menü im wahrsten Sinne des Wortes über den Haufen.
Hier der Link zur Testseite:http://longhan.bplaced.net/bluedogs
Hier die index.php
[HTML]
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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="<?php
echo $this->language; ?>" lang="<?php echo $this->language;
11 ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet"
href="/templates/system/css/system.css"
type="text/css" />
<link rel="stylesheet"
href="/templates/system/css/general.css"
type="text/css" />
<link rel="stylesheet"
<link rel="shortcut icon"
href="/images/favicon.ico" />
<head>
<link
href="/bluedogs/templates/bluedogs/css/template.css"
rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="con0">
<div id="menu">
<jdoc:include type="modules" name="menu" style="none" />
</div>
<div id="logo">
<jdoc:include type="modules" name="banner" style="none" />
</div>
<div id="inhalt">
<jdoc:include type="component" />
</div>
<div id="logos-banner">
<jdoc:include type="modules" name="logos-banner" style="none" />
</div>
<div id="harry">
<jdoc:include type="modules" name="harry" style="none" />
</div>
<div id="mikel">
<jdoc:include type="modules" name="mikel" style="none" />
</div>
<div id="harald">
<jdoc:include type="modules" name="harald" style="none" />
</div>
<div id="sebastian">
<jdoc:include type="modules" name="sebastian" style="none" />
</div>
<div id="uwe">
<jdoc:include type="modules" name="uwe" style="none" />
</div>
<div id="uli">
<jdoc:include type="modules" name="uli" style="none" />
</div>
<div id="impressum">
<jdoc:include type="modules" name="impressum" style="rounded" />
</div>
</div>
</body>
</html>/HTML]
Hier die template.css:
[CODE]body
{
font-family: Arial,Verdana,sans-serif, "Sans Serif";
font-size: 14px;
background-color: #666666;
padding: 0 0 0px; }
#con0
{
position: absolute;
background: url(../images/background.gif) no-repeat;
top: 50%;
left: 50%;
width: 960px;
height: 582px;
margin-left: -480px;
margin-top: -291px;
border:5px solid #333333;
z-index: 1;
}
#menu
{
position: absolute;
top: 210px;
right: 0px;
height: 370px;
width: 170px;
z-index: 3;
}
#logo
{
position: absolute;
top: 0px;
right: 25px;
height: 200px;
width: 200px;
z-index: 2;
}
#inhalt
{
position: absolute;
overflow: auto;
padding-right: 30px;
top: 0px;
left: 262px;
height: 570px;
width: 435px;
z-index: 3;
}
#logos-banner
{
position: absolute;
top: 10px;
left: 0px;
height: 80px;
width: 245px;
z-index: 3;
}
#harry
{
position: absolute;
top: 110px;
left: 23px;
height: 90px;
width: 90px;
z-index: 3;
}
#mikel
{
position: absolute;
top: 170px;
left: 142px;
height: 90px;
width: 90px;
z-index: 3;
}
#harald
{
position: absolute;
top: 230px;
left: 23px;
height: 90px;
width: 90px;
z-index: 3;
}
#sebastian
{
position: absolute;
top: 290px;
left: 142px;
height: 90px;
width: 90px;
z-index: 3;
}
#uwe
{
position: absolute;
top: 350px;
left: 23px;
height: 90px;
width: 90px;
z-index: 3;
}
#uli
{
position: absolute;
top: 410px;
left: 142px;
height: 90px;
width: 90px;
z-index: 3;
}
#impressum
{
position: absolute;
top: 560px;
right: 8px;
height: 18px;
width: 80px;
z-index: 3;
}
a
{
color: #ffffff;
text-decoration: none;
}
img
{
border: 0 none;
}
* {
list-style-type:none;
}/CODE]
Die template.css ist die einzige css-datei im template (ist selbst gebastelt). Das Menü ist das Standard Menü-Modul und ich habe Menü-Icons erzeugt, vielleicht gibt es ja noch einen eleganteren Weg das Menü darzustellen. Anfangs hatte ich es über area shape gemacht, aber damit hatte ich mir all die schönen Einstellungsmöglichenkeiten, welche man bei der Nutzung eines echten joomla-menüs hat, genommen und deshalb das area shape in die Tonne geworfen.
Vielleicht könnt Ihr Euch das ganze mal ansehen.
Vielen Dank und LG
Longhan
Zitieren
Lesezeichen