Tweet
Hallo Leute,
ich habe 2 Probleme.
Und zwar.
1Problem:
Ich habe eine Seite programmiert. Diese wird im IE einwandfrei angezeigt, doch im Opera und im Firefox wird diese Fehlerhaft angezeigt.
www.hluniverse.com
Oben der Header sprich kurz unter dem Banner wir im Firefox und im Opera
eine 5px unterbrechung angezeigt. Im IE aber nicht!
2 Problem:
Der Content Bereich wird im IE auch einwandfrei angezeigt. Doch im Firefox und Opera werden auf einmal nicht mehr meine definition der Überschriften richtig angezeigt.
Code der style.css:
Habt ihr vieleicht eine Idee worann das leigen könnte?!
ich habe 2 Probleme.
Und zwar.
1Problem:
Ich habe eine Seite programmiert. Diese wird im IE einwandfrei angezeigt, doch im Opera und im Firefox wird diese Fehlerhaft angezeigt.
www.hluniverse.com
Oben der Header sprich kurz unter dem Banner wir im Firefox und im Opera
eine 5px unterbrechung angezeigt. Im IE aber nicht!
2 Problem:
Der Content Bereich wird im IE auch einwandfrei angezeigt. Doch im Firefox und Opera werden auf einmal nicht mehr meine definition der Überschriften richtig angezeigt.
Code der style.css:
PHP-Code:
<style type="text/css">
*{
}
body{
font:12px "Trebuchet MS", verdana, arial, sans-serif;
/* Für Zentrierung in älteren Browsern wichtig: */
background: #646362;
margin-top:0px;
}
/*Inhalt
#inhalt {
color: #ffffff;
width:802px;
padding-left: 5px;
padding-right: 5px;
font-size: 12;
margin-top: 0px;
/*border-bottom: 1px solid #999999;*/
/*border-right: 1px solid #999999;*/
}
#inhalt h1 {
color: #dedede;
font-size: 14px;
padding: 0 0 1px 0;
display: block;
border-bottom: 1px solid #ffffff;
}
#inhalt h2 {
color: #ffffff;
font-size: 14px;
padding: 0 0 1px 0;
margin: 10px 0 0 0;
display: block;
border-bottom: 1px solid black dotted;
}
*/
#navigation
{
padding-left:0px;
list-style: none;
}
#navigation
{
font: 12px "verdana";
}
#navigation a
{
text-decoration: none;
color: #cccccc;
}
#navigation a:hover
{
color: #ffffff;
}
#navigation2
{
padding-left:0px;
list-style: none;
}
#navigation2
{
font: 10px "verdana";
}
#navigation2 a
{
text-decoration: none;
color: #cccccc;
}
#navigation2 a:hover
{
color: #ffffff;
}
</style>
<!--[if IE]>
<style>
#navigationtop{
list-style: none;
width: 840px;
margin-left:-40px;
margin-top:-4px;
height: 20px;
text-align:center;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
#navigationtop li{
float: left;
}
#navigationtop li a{
display: block;
height: 20px;
margin-top:0px;
width: 120px; /* Breite 650px:5 = 130px */
text-decoration: none;
line-height: 20px;
float: center;
background: #cccccc;
color: white;
}
#navigationtop li a:hover{
background: #ededed;
color: black;
}
</style>
<![endif]-->
Kommentar