Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2006 Teil von Dezember

SELFHTML Forumsarchiv
CSS wird im IE falsch angezeigt

Informationsseite
  1. Seite (CSS) CSS wird im IE falsch angezeigt von SuTech, 31. 12. 2006, 14:10
nach unten

CSS wird im IE falsch angezeigt

Die folgende Nachricht zum Thema stammt von: SuTech, 31. 12. 2006, 14:10

HI

Ich hab grad n Design für ne HP gemacht und häng grad an folgendem Problem:
Der IE zeigt die Seite mal wieder anders an als Firefox und Opera.
Hier ist des Design:

http://su-tech.de/ju/

So siehts im Firefox aus und so solls auch sein:
http://su-tech.de/ju/firefox.jpg

Und so im IE:
http://su-tech.de/ju/IE.jpg

Kann mir jemand sagen, wie ich das ändern kann?





Hier is mal der ganze CSS-Teil:

<style type="text/css">
body {
 background: url('images/bg.gif') repeat;
 font: 11px "Verdana", Lucida Grande, Arial, Sans-Serif;
 margin: 0;
 padding: 0;
 text-align: center;
}

a:link {
 color: #0276ce;
 text-decoration: none;
}
a:visited {
 color: #0276ce;
}

a:hover, a:active {
 color: #fff;
 background-color: #0276ce;
}


#box {
 width: 800px;
 margin: auto;
 margin-top: 20px;
 padding-bottom: 10px;


}

#topnavi {
 text-align: left;
 color: #0276ce;
 padding: 5px;

}


#navi {
 border-top: 1px solid white;
 text-align: left;
 vertical-align: middle;
 font-weight: bold;
 height: 300px;
 float: left;
 width: 180px;
 list-style: none;


 background-image: url('images/verlauf.jpg');

}

#navi li a {
 color: #fff;
 display: block;
 height: 24px;
 line-height:24px;
 background-color: #0276ce;
 text-decoration: none;
 padding-left: 10px;
 border: 1px solid #fff;
}

#navi li a:hover {
 color: #0089CF;
 background-color: #fff;

}

#navi li a:active {
 color: #0089CF;
 background-color: #fff;
}

#inhalt {
 padding-left: 200px;
 padding-right: 10px;
 text-align: left;


}


#logo {

 background-image: url('images/logo.jpg');
 float: left;
 width: 180px;
 height: 120px;

}

#titel {

 height: 120px;
 vertical-align: baseline;
 text-align: center;

 padding-left: 10px;
 background-image: url('images/oben.jpg');
 background-repeat: no-repeat;
    background-position: 100% 0%

}

#main {
 padding: 10px;

}

#footer {
 color: #0276ce;

}

#header {
 background-color: #0276ce;
 color: #fff;

}

</style>



Wär super wenn mir jemand helfen könnte!
Danke schonmal im Voraus!

Gruß,
Tobias

nach obennach unten

CSS wird im IE falsch angezeigt

Die folgende Nachricht zum Thema stammt von: wucher wichtel, 31. 12. 2006, 14:24

Hallo!

Ich empfehle dir, erstmal den Code zu validieren und dann an spezifische Browserfehler einzugehen. Dann würde dir z.B. auch auffallen, dass in diesem Code

<div id="navi">
 <li><a href="#">&#9658; &Uuml;ber uns</a></li>
 <li><a href="#">&#9658; Pressemitteilungen</a></li>
 <li><a href="#">&#9658; Themen</a></li>
 <li><a href="#">&#9658; Veranstaltungen</a></li>
 <li><a href="#">&#9658; Terminkalender</a></li>
 <li><a href="#">&#9658; Kontakt</a></li>
 <li><a href="#">&#9658; Links</a></li>
</div>

ein Fehler ist. Übrigens kannst du das mit den Pfeilen auch per CSS regeln. Dann hat sich dein Problem warscheinlich verflüchtigt.

gruß, ww

nach obennach unten

CSS wird im IE falsch angezeigt

Die folgende Nachricht zum Thema stammt von: SuTech, 31. 12. 2006, 15:21

Danke!
Habs gefunden

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2006 Teil von Dezember

© 1998-2006 Seite Impressum, Software: Classic Forum