Hallo Leute!
Ich habe folgendes Problem und hoffe Ihr könnt mir weiterhelfen:
Bei einer meiner Homepages (www.anna-franz.at) werden die Links im IE problemlos angezeit und sind auch anwählbar, für die Mozilla Browser trifft dies aber leider nicht zu.
Ich hoffe Ihr könnt mir bei diesem Problem helfen.
Danke!
Template:
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="#internalStyle" type="text/css"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Typo3 Testsite BWS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
BODY { margin: 0 0 0 0; background-color: white; }
/*]]>*/
</style>
<link href="template_1_01_FILES/stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div id="header">
<div id="pictureheader"></div>
<div id="logo-frauenbund"></div>
<div id="logo-oeaab"></div>
<div id="logo-oevp"></div>
<div id="logo-frauenbund"></div>
<div id="Textheader"></div>
</div>
<div id="linie-header"></div>
<br />
<div id="InhaltundNavigation">
<div id="navi-Hauptlayer">
<div id="navi-Linklayer">
<table>
<td id="menu_1">
<div class="menu1-level1-no"><a href="#">Menu item 1</a></div>
<div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
<div class="menu1-level1-act"><a href="#">Menu item 3 (act)</a></div>
<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
<div class="menu1-level2-act"><a href="#">Level 2 item (act)</a></div>
<div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
</td>
</table>
</div>
</div>
<div id="Seiteninhalt">
<table>
<td id="content">
<h1>Buy PaperShredder(tm) Gizmo with 30-days money-back guarantee!</h1>
<img src="template_1_01_FILES/paperwork.jpg" width="192" height="156" border="0" alt="" align="right" />
<p class="bodytext">Adam Seth Enos Cainan Malelehel Iared Enoch Matusale Lamech Noe Sem Ham et Iafeth filii Iafeth Gomer Magog Madai et Iavan Thubal Mosoch Thirasporro filii Gomer Aschenez et Rifath et Thogorma filii autem Iavan Elisa et Tharsis Cetthim et Dodanim.</p>
<p class="bodytext">Filii Ham Chus et Mesraim Phut et Chanaan filii autem Chus Saba et Evila Sabatha et Rechma et Sabathaca porro filii Rechma Saba et Dadan Chus autem genuit Nemrod iste coepit esse potens in terra Mesraim vero genuit Ludim et Anamim et Laabim et Nepthuim Phethrosim quoque et Chasluim de quibus egressi sunt Philisthim et Capthurim Chanaan vero genuit Sidonem primogenitum et Heth Iebuseum quoque et Amorreum et Gergeseum Evheumque et Aruceum et Asineum Aradium quoque et Samareum et Ematheum filii Sem Aelam et Assur et Arfaxad et Lud et Aram et Us et Hul et Gothor et Mosoch Arfaxad autem genuit Sala qui et ipse genuit Heber porro Heber nati sunt duo filii nomen uni Phaleg quia in diebus eius divisa est terra et nomen fratris eius Iectan Iectan autem genuit Helmodad et Saleph et Asermoth et Iare Aduram quoque et Uzal et Decla Ebal etiam et Abimahel et Saba necnon et Ophir et Evila et Iobab omnes isti filii Iectan Sem Arfaxad Sale Heber Phaleg Raau Serug Nahor Thare Abram iste est Abraham filii autem Abraham Isaac et Ismahel et hae generationes eorum primogenitus Ismahelis Nabaioth et Cedar et Adbeel et Mabsam </p>
<br />
</td>
</table>
</div>
</div>
</body>
</html>
Stylesheet:
Code:
/* GENERAL fonts */
P, OL, UL, DIV, H1, H2 {
font-family: arial, verdana;
font-size: 11px;
}
H1 {
font-size: 22px;
color: #CE282D;
top: 0px;
border-bottom: 2px solid #333333;
padding-bottom: 14px;
padding-top: 8px;
width: 100%;
}
H2 { font-size: 13px; }
P, H1, H2 {margin: 0px 0px 0px 0px;}
A:link {text-decoration: none; color:#000000;}
A:visited {text-decoration: none; color:#000000;}
A:active {text-decoration: none; color:#FF0000;}
A:hover {text-decoration: none; color: #ffffff;}
TD#footer {
height:25px;
border-top: solid 1px #000000;
border-left: solid 1px #FFFFFF;
}
TD#footer P {
padding-left: 10px;
font-size: 11px;
}
/* Content column */
TD#content {
border-right: 4px solid #FFFFFF;
padding-left: 0px;
padding-right: 10px;
padding-top: 0px;
top: 4px;
width: 80%;
line-height: 14px;
}
/* Menu 1 column */
TD#menu_1 {
width: 200px;
padding-top: 0px;
padding-left: 0px;
top: 4px;
left: 0px;
height: 300px;
vertical-align: text-top;
}
TD#menu_1 DIV A:active {
color:#FF0000;
}
TD#menu_1 DIV A:hover {
text-decoration: none; color: #ffffff;
}
/* MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
border-bottom: 2px solid #999999;
font-size: 12px;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
}
/* MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
font-size: 12px;
padding-top:2px;
padding-left:5px;
padding-bottom:2px;
border-bottom: 2px solid #999999;
}
TD#menu_1 DIV.menu1-level1-act A {}
/* MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
font-size: 12px;
padding-left:12px;
}
/* MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
font-size: 12px;
padding-left:12px;
}
/* MENU 2, level 1, general for all table cells: */
TR#menu_2 TD {
background-color: #333366;
width: 10%;
text-align: center;
}
TR#menu_2 TD A {
color: white;
font-size: 10px;
font-family: verdana, arial;
text-decoration: none;
}
TR#menu_2 TD A:hover {
text-decoration: underline;
}
TR#menu_2 TD.oddcell {
background-color: #666699;
}
TR#menu_2 TD.menu2-level1-act {
background-color: #88292A;
}
/* Style for the Path-menu: */
TD#path {
background-color: #F8F8EC;
font-family: verdana, arial;
font-size: 11px;
font-style: italic;
font-weight: bold;
}
TD#path A {
text-decoration: none;
color:black;
}
TD#path A:hover {
text-decoration: underline;
}
TD#space {
border-top: solid 1px #000000;
}
/* Änderung fängt ab hier an!!! */
#header{
position: absolute;
left: 0px;
height: 113px;
width: 100%;
background-color:#CCCCCC;
top: 0px;
}
#pictureheader{
position: absolute;
left: 0px;
top: 0px;
width: 143px;
height: 113px;
background-image:url(../images/ideal_schwarzweiss.jpg);
}
#Textheader{
position: relative;
left: 145px;
top: 65px;
background-image: url(../images/Text-header-alternativen/text-header.jpg);
height: 50px;
width: 500px;
}
/*
#logo-frauenbund{
top: 0px;
width: 102px;
height: 50px;
background-image:url(../images/logos 50/frauenbund.jpg);
right: 0px;
position:absolute;
}
#logo-oeaab{
top: 0px;
width: 180px;
height: 50px;
background-image:url(../images/logos 50/oeaab.jpg);
right: 102px;
position:absolute;
}
#logo-oevp{
top: 0px;
width: 150px;
height: 50px;
background-image:url(../images/logos 50/oevp-logo.gif);
right: 282px;
position:absolute;
}
*/
/*
#logo-frauenbund{
top: 83px;
width: 61px;
height: 30px;
background-image:url(../images/logos 30/frauenbund.jpg);
right: 0px;
position:absolute;
}
#logo-oeaab{
top: 83px;
width: 108px;
height: 30px;
background-image:url(../images/logos 30/oeaab.jpg);
right: 61px;
position:absolute;
}
#logo-oevp{
top: 83px;
width: 90px;
height: 30px;
background-image:url(../images/logos 30/oevp-logo.gif);
right: 169px;
position:absolute;
}
*/
/*Ab hier = alles Top*/
#logo-frauenbund{
top: 0px;
width: 61px;
height: 30px;
background-image:url(../images/logos_30/frauenbund.jpg);
right: 0px;
position: absolute;
}
#logo-oeaab{
top: 0px;
width: 108px;
height: 30px;
background-image:url(../images/logos_30/oeaab.jpg);
right: 61px;
position:absolute;
}
#logo-oevp{
top: 0px;
width: 90px;
height: 30px;
background-image:url(../images/logos_30/oevp-logo.gif);
right: 169px;
position:absolute;
}
#linie-header{
background-color:#000000;
width: 100%;
position: relative;
top: 113px;
height: 3px;
left: 0px;
}
/*Layer für Inhalt und Navigation*/
#InhaltundNavigation{
top: 150px;
left: 0px;
width: 100%;
background-color: #00FF00;
position: absolute;
}
/*Ab hier = Navigation*/
#navi-Hauptlayer{
top: 0px;
left: 0px;
width: 143px;
height: 400px;
background-color: #cccccc;
position: absolute;
border-right: solid 2px #000000;
border-top: solid 2px #000000;
border-left: solid 2px #000000;
border-bottom: solid 2px #000000;
}
#navi-Linklayer{
top: 0px;
left:0px;
width: 138px;
height: 300px;
background-color:#cccccc;
position: absolute;
}
/*Ab hier = Seiteninhalt*/
#Seiteninhalt {
top: 0px;
padding: 0px 0px 0px 180px;
position: absolute;
}
.az {
padding: 20px;
}