zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Firefox und Internet Explorer

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.09.2008, 18:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2008
Beiträge: 4
messerjocke befindet sich auf einem aufstrebenden Ast
Standard Firefox und Internet Explorer

Hallo zusammen

Ich hab ein Darstellungsproblem was im Firefox ohne probleme funtktioniert und im Internert Explorer nicht mehr. Im Internet Explorer verschwindet mein Menü auf die Linke untere Seite unter die Bilder. Was muß ich umschreiben damit es auch so aussieht wie beim Firefox ? Hier der Link FSV Eching
Und hier die CSS Datei

/*

This template is licensed under a Creative Commons Attribution 2.5 License:
License | Arcsin Web Templates
*/

/* standard elements */
* {
margin: 0;
padding: 0;
}
a {color: #682;}
a:hover {color: #9A6;}
body {
background: #5F8000 url(img/bg.gif) repeat-y center top;
color: #333;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}
li {list-style-image: url(img/li.gif);}
h1 {font-size: 1.4em;}
blockquote {
background: #FFF;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
color: #333;
display: block;
font-size: 0.9em;
margin-bottom: 1.2em;
padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #654;}

/* misc */
.clearer {clear: both;}

/* structure */
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
cursor: default;
list-style: none;
}

.hoverbox a
{
cursor: default;
}

.hoverbox a .preview
{
display: none;
}

.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: 33px;
left: 40px;
z-index: 1;
}

.hoverbox img
{
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 1px;
vertical-align: top;
width: 50px;
height: 50px;
}

.hoverbox li
{
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 0px;
position: relative;
}

.hoverbox .preview
{
border-color: #000;
width: 480px;
height: 380px;
}
.container {
background: url(img/bgcontainer.gif) repeat-y;
margin: 0 auto;
width: 702px;
}
.hoverbox a
{
position: relative;
}

.hoverbox a:hover
{
display: block;
font-size: 100%;
z-index: 1;
}

.hoverbox a:hover .preview
{
top: -38px;
left: -100px;
}

.hoverbox li
{
position: static;
}
/* top */
.top {
background: #567300;
font: normal 2.4em Verdana,sans-serif;
height: 60px;
margin: 0 auto;
width: 630px;
}
.top a {
color: #FFF;
display: block;
line-height: 60px;
text-decoration: none;
width: 100%;
}
.top span {padding-left: 24px;}
.top a:hover {
background: #688B00;
color: #FFF;
}

/* header */
.header {
background: url(img/header.jpg) no-repeat;
height: 180px;
margin: 0 auto;
width: 630px;
}

/* item */
.item {clear: both;}
.item .date {
background: url(img/bgdate.gif) no-repeat;
color: #FDD;
float: left;
height: 40px;
text-align: center;
width: 36px;
}
.item .date div {padding-top: 4px;}
.item .date span {font: normal 1.6em serif;}
.item .content {
float: left;
width: 420px;
}
.item h1 {
background: #567300;
color: #FFF;
line-height: 40px;
padding-left: 16px;
}
.item .body {padding: 12px 18px;}

/* main */
.main {float: left;}

/* navigation */
.navigation {
*html div.navigation height: 1%
float: left;
margin-left: 1px;
width: 208px;
}
.navigation h1 {
background: #81AC00;
color: #FFF;
font-size: 1.3em;
line-height: 40px;
padding-left: 12px;
}
.navigation ul {margin: 0; padding: 0;}
.navigation li {
border-bottom: 1px solid #D5E8AD;
list-style: none;
}

.navigation li a {
background: #E8F6BF url(img/bgnavigation.gif) repeat-x;
color: #553;
display: block;
padding: 8px 4px 8px 12px;
text-decoration: none;
}
.navigation li a:hover {
background: #F0FFC6;
color: #553;
}

/* footer */
.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #FFF;
font-size: 1.1em;
line-height: 40px;
margin: 0 auto;
width: 626px;
}
.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}
.footer .left, .footer .right {padding: 0 12px;}
.footer .right, .footer .right a {text-decoration: none; color: #DEC;}
.footer .right a:hover {color: #FFF;}

/* floats */
.left {float: left;}
.right {float: right;}
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Firefox ok, Internet Explorer viel zu groß. Tobb (X)HTML 1 22.10.2010 13:30
Firefox zeigt mittig / Internet Explorer 8 links *** warum ?? i_dont_know CSS 2 09.11.2009 11:19
Internet Explorer vs. Firefox Kendis CSS 12 07.09.2009 21:22
Internet Explorer und Firefox Css?? p.rogge CSS 4 24.06.2008 18:26
Firefox und Internet Explorer 7 vertragen sich immer noch nicht kadees Offtopic 3 01.08.2007 13:53


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:56 Uhr.