Frage stellen
da bin ich mal wieder, ich denk ich komm auch gleich zum punkt. ich bastel grad ne seite für einen bekannten, und der ie spielt mal wieder nicht mit. ich lasse einige divs (banner, menü...) über den seitenrand überlappen, aber der ie schneidet sie einfach ab
das ganze ist in joomla geschrieben, deswegen sind die jdoc zeilen mit drin.
Hier der HTML Code:
- Code: Alles auswählen
<html>
<head>
<jdoc:include type="head" />
<link href="/Pilger/templates/Delegato/css/layout.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="iefix">
<div id="container">
<div id="midbox">
<div id="head">
<div id="topnav">
<jdoc:include type="modules" name="topnav" style="xhtml" />
</div>
<div class="clear"></div>
<div id="banner">
</div>
<div id="banner2">
<jdoc:include type="modules" name="head" style="xhtml" />
</div>
<div id="syndicate">
<jdoc:include type="modules" name="syndicate" style="xhtml" />
</div>
<div id="content">
<div id="keeper">
<jdoc:include type="modules" name="keeper" style="xhtml" />
</div>
<div id="text">
<div id="mainmenu">
<jdoc:include type="modules" name="mainmenu" style="xhtml" />
</div>
<jdoc:include type="modules" name="text" style="xhtml" />
<jdoc:include type="component" />
</div>
</div>
</div>
<div id="footer">
<?php echo JText::_('Powered by') ?> <a href="http://executor.yeminy.org">Ole Hoppe</a>.
<?php echo JText::_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a>
<?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>
</div>
</div>
</div>
</body>
</html>
und hier der css code:
- Code: Alles auswählen
body
{
margin: 0px;
padding: 0px;
background: #eeedcf;
}
#iefix
{
width: 100%;
text-align: center;
}
.clear
{
clear: both;
}
#container
{
width: 900px;
margin-left: auto;
margin-right: auto;
background: url(../images/pbbg.gif) repeat-y;
}
#midbox
{
width: 850px;
margin-left: auto;
margin-right: auto;
}
#keeper
{
width: 100%;
height: 30px;
margin-right: 25px;
margin-top: 5px;
padding-top: 5px;
border-bottom: 1px outset #cacaca;
border-top: 1px inset #cacaca;
color: #676520;
text-align: left;
}
#keeper a, a:visited
{
color: #676520;
text-decoration: none;
}
#banner
{
width: 900px;
height: 85px;
margin-left: -35px;
border-top: 1px solid #94AA74;
border-left: 1px solid #94AA74;
border-right: 3px groove #94AA74;
background: url(../images/banner.png) no-repeat;
clear: both;
}
#banner2
{
background: url(../images/banner.jpg) no-repeat;
height: 181px;
width: 900px;
margin-left: -35px;
border-left: 1px solid #94AA74;
border-right: 3px groove #94AA74;
}
#syndicate
{
width: 900px;
height: 85px;
margin-left: -35px;
border-bottom: 3px groove #94AA74;
border-left: 1px solid #94AA74;
border-right: 3px groove #94AA74;
background: url(../images/banner2.jpg) no-repeat;
}
*{
list-style:none;
margin:0px;
padding:0px;
}
#mainmenu
{
width: 200px;
border-style: solid solid none solid;
border-color: #94AA74;
border-width: 1px;
margin-right: 5px;
margin-left: -35px;
float: left;
z-index: 1;
}
#mainmenu li a
{
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
display: block;
text-decoration: none;
padding: 8px 0 0 10px;
background: url(images/menu1.gif);
color: #4f4d15;
}
#mainmenu li a:link, #menu li a:visited
{
color: #5E7830;
display: block;
background: url(images/menu1.gif);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#mainmenu li a:hover
{
color: #26370A;
background: url(images/menu1.gif) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#mainmenu li a:active
{
color: #26370A;
background: url(images/menu1.gif) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#topnav
{
width: 100%;
float: left;
text-align: right;
}
#topnav a
{
text-decoration: none;
text-align: right;
font-family: Comic Sans Ms;
font-size: 90%;
color: #7c7079;
margin: 5px;
border-bottom: none;
padding-left: 3px;
padding-right: 3px;
}
#topnav .moduletable
{
float: right;
}
#content
{
width: 840px;
margin-right: 8px;
}
#text
{
color: #7c7079;
/* background: url(../images/text_bg.png) repeat-x white; */
padding-bottom: 15px;
padding-top: 15px;
/* border: 1px solid gray; */
width: 100%;
float: right;
}
.contentheading
{
color: #8e892e;
}
.componentheading
{
font-size: 80%;
}
#footer
{
text-align: right;
font-size: 80%;
padding-right: 5px;
margin-bottom: 5px;
clear: both;
}
#footer a
{
color: gray;
text-decoration: none;
}
IE:
FF:
danke schonmal, der scheiß ie kotzt mich echt nur noch an, witzlos