Hallo zusammen,
ich habe folgendes Design entworfen und mit CSS umgesetzt. Bei Firefox schaut alles wunderbar aus, nur beim IE wird es falsch dargestellt.
Ist eigentlich ein sehr einfaches Skript... weiss nicht wo das Problem liegt.
Hier mal der Code: (design.html)
und nun der CSS Datei: (style.css)
Wer hat ne Idee?
Danke fuer eure Hilfe...
greets
ich habe folgendes Design entworfen und mit CSS umgesetzt. Bei Firefox schaut alles wunderbar aus, nur beim IE wird es falsch dargestellt.
Ist eigentlich ein sehr einfaches Skript... weiss nicht wo das Problem liegt.
Hier mal der Code: (design.html)
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<style type="text/css" media="all">@import "/images/style.css";</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss/" />
</head>
<body>
<div class="content">
<div class="toph"><div class="logo"><a href="#"><img src="/images/logo.jpg" alt="" width="158" height="165" border="0" /></a></div>
</div>
<div class="center">
<div class="menu">
<!-- Menu Begin: -->
<div class="moduletable">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="index.php?option=com_content&task=view&id=12&Itemid=26" class="mainlevel" id="active_menu">Home</a></td></tr>
<tr align="left"><td><a href="index.php?option=com_contact&Itemid=3" class="mainlevel" >Kontakt</a></td></tr>
<tr align="left"><td><a href="index.php?option=com_content&task=view&id=13&Itemid=27" class="mainlevel" >Impressum</a></td></tr>
</table> </div>
<!-- Menu Ende -->
</div>
<h2>Ueberschrift</h2>
<p>Haupttext</p>
</div>
<div class="footer">
<div class="footer_text"> ... | Login | Impressum </div>
</div>
</div>
</body>
</html>
und nun der CSS Datei: (style.css)
Code:
body {
margin:15px 0;
padding:0;
color:#685E43;
line-height: 1.4em;
background : url(bg.gif);
font-family: Arial, Helvetica, sans-serif;
}
.logo {
height: 158px;
width: 165px;
position:relative;
left:39px;
top:2px;
}
.toph { background: #3D3E42 url(top.jpg) no-repeat center; height: 67px; width: 665px; margin:0; padding:0; }
.content {
color: #a0a0a0;
margin: 0 auto;
padding: 0;
width: 665px;
background: #3D3E42 url(bg-mid.jpg) repeat-y center;
}
.menu {
width: 149px;
position:absolute;
left: 340px;
top: 195px;
color:#A90209;
}
.mainlevel {
background-image: url(menu.jpg);
background-attachment:fixed;
padding: 20 10px;
}
/* Links des Menu */
a.mainlevel:link, a.mainlevel:visited {
color:#A90209;
}
/* Links des Menu */
a.mainlevel:hover {
color:#A90209;
}
.center {
float:left;
width: 396px;
font-size: 95%;
margin: 0px 0 0px 225px !important;
margin: 0px 0 0px 20px;
padding: 0;
background: #eee7d2;
color: #685E43;
}
.footer {
clear:both;
width: auto;
height: 70px;
color:#888;
font-size:90%;
background: #3D3E42 url(bot.jpg) no-repeat center;
text-align:center;
}
.footer_text {
width: 376px;
color:#FFFFFF;
font-size:90%;
text-align:center;
}
/* Überschriften */
.contentheading {
color:#685E43;
}
.componentheading {
color:#685E43;
}
Wer hat ne Idee?
Danke fuer eure Hilfe...
greets
Zuletzt bearbeitet: