Maxi
Neues Mitglied
Hi zusammen,
dass es mit CSS im Internet Explorer manchmal Darstellungsprobleme geben kann ist ja schon bekannt.
Ich hab jetzt aber ein Problem mit Firefox, und zwar stellt der praktisch nur die Hälfte dar. Die divs sind zwar richtig angeordnet und sonst Schriftarten etc passen auch, aber die Seite ist halt ganz weiß. Die Bildre und Hintergründe werden nicht angezeigt.
Hat von euch jemand eine Idee, woran das liegen könnte?
Hier erst mal der Link: http://www.fiacco.li/index.php?change_style=husky.css Normalerweise sollte der Hintergrund leicht Lila sein und das Bild eines Hundes erscheinen, was aber nicht der Fall ist.
Und hier noch der Code von meinem Stylesheet:
Schon jetzt vielen Dank für jeden hilfreichen Beitrag.
dass es mit CSS im Internet Explorer manchmal Darstellungsprobleme geben kann ist ja schon bekannt.
Ich hab jetzt aber ein Problem mit Firefox, und zwar stellt der praktisch nur die Hälfte dar. Die divs sind zwar richtig angeordnet und sonst Schriftarten etc passen auch, aber die Seite ist halt ganz weiß. Die Bildre und Hintergründe werden nicht angezeigt.
Hat von euch jemand eine Idee, woran das liegen könnte?
Hier erst mal der Link: http://www.fiacco.li/index.php?change_style=husky.css Normalerweise sollte der Hintergrund leicht Lila sein und das Bild eines Hundes erscheinen, was aber nicht der Fall ist.
Und hier noch der Code von meinem Stylesheet:
Code:
body {background: #91A2CD url(/styles/husky/bild1.jpg) 20 57 no-repeat fixed;}
div#content {background: #91A2CD url(/styles/husky/bild2.jpg) 20 57 no-repeat fixed;}
div#links a {background: transparent url(/styles/husky/bild3.jpg) 0 0 no-repeat fixed;}
div#links a:hover {background: transparent url(/styles/husky/bild4.jpg) 0 0 no-repeat fixed;}
body {position: relative; margin: 0; padding: 0;}
div#content
{
margin-left:2%;
margin-right:2%;
margin-top:3%;
height: 79%;
font-family: Verdana, sans-serif;
font-size: 13px;
color: #000000;
border: none;
}
div#content p {margin: 1em 1em 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#links a {text-align: center; font: bold 1em sans-serif;
padding: 5px 10px; margin: 0 0 2px; border-width: 0;
text-decoration: none; color: #000000; }
div#links a:hover {background-color: #000080; color: #FFC;}
h1 {margin: -9px 0px 0.5em; padding: 15px 0 5px; text-align: right; color: #024; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap; width="100%";}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {text-decoration: none; color:#000080;}
div#content a:visited {text-decoration: none; color: #4682B4;}
div#content a:link:hover {text-decoration: none; color: #1E90FF;}
div#content a:visited:hover {text-decoration: none; color: #1E90FF;}
div#links {position: static; margin-top: 1%; top: 2px; left: 0; width: 1000px; height: 20px; font: 12px Verdana, sans-serif;}
code, pre {color: #EDC; font: 110% monospace;}
p.erster:first-letter{
/*fuer besondere absätze*/
font-weight: lighter;
font-size: xx-large;
font-family: Lucida Blackletter, Verdana, sans-serif, Helvetica;
}
table{
border="0";
font-family: Verdana, sans-serif;
font-size: 13px;
color: #000000;
}
pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: black;
background-color: #ACE;
line-height: 1.1em;
}Schon jetzt vielen Dank für jeden hilfreichen Beitrag.
