diedidi
Cadet 1st Year
- Dabei seit
- Juli 2007
- Beiträge
- 12
Hallo an alle User im Forum!
Hab da mal ein Problem beim erstellen einer Website:
Unter Firefox ist alles ok, der IE verschiebt treppenartig mein Topmenü nach unten!
Zu sehen z.B hier
http://sylvia-roth.net/index.php?option=com_content&task=view&id=12&Itemid=37
bin mit meinem Latein am Ende, Vielen Dank für alle Anregungen,
Gruß
diedidi
Hier noch Teil der CSS:
...und ein Teil der Index.php:
Hab da mal ein Problem beim erstellen einer Website:
Unter Firefox ist alles ok, der IE verschiebt treppenartig mein Topmenü nach unten!
Zu sehen z.B hier
http://sylvia-roth.net/index.php?option=com_content&task=view&id=12&Itemid=37
bin mit meinem Latein am Ende, Vielen Dank für alle Anregungen,
Gruß
diedidi
Hier noch Teil der CSS:
Code:
body {
background-image: url(../images/bg.jpg);
color: #222;
font: normal 62.5% sans-serif;
padding: 2% 0;
}
a {
color: #642;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #333322;
text-decoration: underline;
}
big {font-size: 1.1em;}
h1,h2,h3 {color: #442; padding: 8px 0 5px;}
h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}
h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}
blockquote {
background: url(../images/quote.gif) no-repeat;
display: block;
font: normal 1.1em Georgia, serif;
/*font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
padding-left: 26px
}
form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em harrington, courier, times new roman, sans-serif;}
ul {padding: 0 2em 1.2em;}
/* structure */
#wrapper {
background-color: #A0916F/* url(../images/wrapper.jpg) no-repeat left bottom*/;
margin: 0 auto;
width: 756px;
}
#container {
background: #FBF9F4;
border-top: 2px solid #A0916F;
font-size: 1.3em;
line-height: 1.3em;
margin: 0 auto;
width: 750px;
}
/* header */
/*.title {
background: #E2DED4 url(../img/header-h1.jpg) repeat-x;
border-top: 1px solid #996;
}
.title h1 {
color: #441;
font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
padding: 10px 0 10px 18px;
}*/
.header {
border-top: 1px solid #B4B4B4;
background: #DAD7C5 url(../images/header.jpg) no-repeat left bottom;
height: 220px;
}
/* navigation */
.navigation {
background: #DED9D0 url(../images/nav.gif) repeat-x; height: 41px;
border-top: 1px solid #996;
}
.navigation li {
list-style-type: none;
position: relative;
}
.navigation a {
background: #FFF url(../images/nav.gif) repeat-x;
border-right: 1px solid #C9C6B3;
color: #553;
float: left;
font: bold 1em Tahoma,sans-serif;
padding: 0 14px;
line-height: 41px;
text-align: center;
text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}...und ein Teil der Index.php:
PHP:
<body>
<div id="wrapper">
<div id="container">
<!--<div class="title">
<h1><?php echo $mosConfig_sitename; ?> </h1>
</div>-->
<div class="header"></div>
<div class="navigation">
<?php mosLoadModules ( 'user3', -1); ?>
<form action="index.php" method="post">
<div align="right">
<!--<input type="submit" name="Submit" value="Submit" />
<input class="inputbox" type="text" name="searchword" size="15" value="<?php echo _SEARCH_BOX; ?>" onblur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onfocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" />
<label></label>
<input type="hidden" name="option" value="search" /> -->
</div>
</form>
<!--<div class="clearer"></div>-->
</div>
<div><?php mosPathWay(); ?></div>
<div class="main" id="two-columns">
<div class="col2">
<div class="left">
<div class="content">
<p><?php mosMainBody(); ?>
</p>
</div>
</div>
<!-- <div class="right">
<div class="content">
<ul class="block">
<li><?php mosLoadModules ( 'left' ); ?>
<br />
</li>
<li>
<?php mosLoadModules ( 'right' ); ?>
</li>
</ul>
</div>
</div> -->
<div class="clearer"></div>
</div>
Zuletzt von einem Moderator bearbeitet:
(Foren-Tags eingefügt)
