✔ Seite wird im IE falsch angezeigt :(

Status
Nicht offen für weitere Antworten.
S

Scriptwidgets

Mitglied
Hallo,
leider bin ich nicht der grösste Pro-Coder und brauch jetzt eure Hilfe, auf die ich jederzeit vertrauen werde =).
Es geht um die page http://hxb-lan.de/ , die im IE falsch angezeigt wird.
Es müsste höchstwarscheinlich an der stylesheet liegen

Code: 
stylesheet habe ich grad nicht da, kommt aber bald :P

Hoffe, ihr könnt mir weiterhelfen und danke schonmal im vorraus.

Lg,
Scriptwidgets
 
Hi,

als erste Gegenmaßnahme empfehle ich dir, den "Doubled-Margin-Bug" im IE zu beheben, indem du in allen Regelblöcken, in denen gemeinsam die float- und margin-Eigenschaft (mit horizontalen Abständen) vorkommen, zusätzlich display:inline notierst.
 
ich werd mal schauen, ob ich das alleine hinbekomme, wie lange bist du noch im forum?

bzw. könnte ich deine icq nummer haben per pm evtl?
 
Ich hab meinen Dienst erst eben angetreten, und der Tag ist noch lang :)
 
Hier der stylesheet, bitte verbessert es und postet dann danke im vorraus
Code: 
* {
  margin: 0px;
  padding: 0px;
}
html {
  height: 100%;
}
body {
  text-align: center;
  height: 100%;
  background: #252525;
  font-family: verdana;
}
img {
  border: 0px;
}
ul {
  list-style: none;
}
#center td.row_key {
  padding: 3px;
  width: 15%;
}
#center td.row_value {
  width: 35%;
}
ul.BarFree {
  position: static;   height: 12px;
  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
  float: left;
  background: #b0b0b0;
}
ul.BarClear {
  position: static;   width: 0px;   height: 0px;
  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
  clear: left;
}
div#container {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  margin: 0px auto -45px auto;
  background: url(gfx/container_bg.jpg) repeat-y;
  width: 828px;
}
div#header {
  margin: 0px 11px 0px 11px;
  background: url(gfx/header.jpg);
  width: 806px;
  height: 170px;
}
#header div#add {
  text-align: right;
  padding: 46px 21px 0px 0px;
}
#header div#head_langs {
  height: 27px;
  padding: 17px 22px 0px 0px;
  float: right;
}
#header #head_langs li a{
  display: block;
  height: 29px;
  width: 29px;
}
#header #head_langs li{
  margin-left: 6px;
  float: left;
}
#header #head_langs li#lang_nl a{
  background: url(gfx/nlflag.jpg);
}
#header #head_langs li#lang_en a{
  background: url(gfx/enflag.jpg);
}
#header #head_langs li#lang_ger a{
  background: url(gfx/deflag.jpg);
}
div#left {
  display: inline;
  margin-left: 20px;
  float: left;
  background: url(gfx/lefts.jpg);
  padding-bottom: 1px;
}
#left h5#hmenu {
  display: block;
  height: 40px;
  width: 179px;
  background: url(gfx/navleft_headline1.jpg);
}
#left h5#hlanparty {
  display: block;
  height: 38px;
  width: 179px;
  background: url(gfx/navleft_headline2.jpg);
}
#left ul .box_entry_active a{
  margin-left: 2px;
  padding: 10px 0px 0px 38px;
  background: url(gfx/nav_topbutton.jpg);
  display: block;
  height: 24px;
  width: 139px;
  font: bold 13px arial;
  text-decoration: none;
  color: #02CBFF;
  text-transform: uppercase;
  text-align: left;
}
#left ul .box_entry a{
  margin-left: 2px;
  padding: 10px 0px 0px 38px;
  background: url(gfx/nav_topbutton.jpg);
  display: block;
  height: 24px;
  width: 139px;
  font: bold 13px arial;
  text-decoration: none;
  color: #02CBFF;
  text-transform: uppercase;
  text-align: left;
}
#left ul .engaged a.admin {
  text-align: left;
  margin-left: 2px;
  padding: 4px 0px 0px 12px;
  display: block;
  background: url(gfx/nav_button.jpg) no-repeat;
  height: 15px;
  width: 165px;
  color: #ffffff;
  text-decoration: none;
  font: bold 10px verdana;
}
#left ul li span {
  display: block;
}
#left ul .engaged a {
  text-align: left;
  margin-left: 2px;
  padding: 4px 0px 0px 12px;
  display: block;
  background: url(gfx/nav_button.jpg) no-repeat;
  height: 15px;
  width: 165px;
  color: #ffffff;
  text-decoration: none;
  font: bold 10px verdana;
}
div#center {
  text-align: left;
  font: 10px verdana;
  width: 430px;
  background: url(gfx/content_bg.jpg);
  float: left;
}
#center div#contentc {
  padding: 5px 3px 0px 4px;
}
#center a {
  font: bold 10px verdana;
  text-decoration: none;
  color: #298DFF;
}
#center .LineLeft {
  font: bold 11px verdana;
}
#center td {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
#center input[type=text] {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  width: 95%;
  margin: 3px;
  clear: both;
}
td.row_value_important {
  width: 35%;
}
#center .form {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  width: 70%;
  margin: 3px;
  clear: both;
}
#center .form_optional {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  width: 80%;
  margin: 3px;
}
#center select {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  width: 95%;
  margin: 3px;
  clear: both;
}
#center option {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  width: 100%;
  margin: 3px;
  clear: both;
}
#center h2 {
  margin: auto;
  text-align: left;
  padding: 0px 0px 5px 5px;
  width: 405px;
  font: bold 10px verdana;
  color: #777777;
  border-bottom: 1px dotted #555555;
  text-transform: uppercase;
}
* html body #center div#ce_head {
  padding: 1px 0px 0px 0px;
  background: url(gfx/content_head.jpg) no-repeat top;
}
#center div#ce_head {
  padding: 10px 0px 0px 0px;
  background: url(gfx/content_head.jpg) no-repeat top;
}
div#right {
  text-align: left;
  width: 179px;
  float: left;
  color: #ffffff;
  font: 11px verdana;
}
#right input {
  margin-left: 2px;
  background: #444444;
  color: #ffffff;
  margin-bottom: 2px;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
}
#right h4 {
  display: block;
  height: 35px;
  width: 179px;
}
#right a {
  font: bold 10px verdana;
  text-decoration: none;
  color: #298DFF;
}
#right h4#login {
  background: url(gfx/navright_headline1.jpg);
}
#right h4#regis {
  background: url(gfx/navright_headline2.jpg);
}
ul.BarOccupied {
  position: static;   height: 12px;
  margin: 0px 0px 0px 0px;        padding: 0px 0px 0px 0px;
  float: left;
  background: #2bb800;
}
ul.BarMarked {
  position: static;   height: 12px;
  margin: 0px 0px 0px 0px;    border: 2px 0px 2px 0px solid #9c9d9c;    padding: 0px 0px 0px 0px;
  float: left;
  background: #fff500;
}
ul.BarFree {
  position: static;   height: 12px;
  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
  float: left;
  background: #b0b0b0;
}
ul.BarClear {
  position: static;   width: 0px;   height: 0px;
  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
  clear: left;
}

#right h4#spo {
  background: url(gfx/navright_headline3.jpg);
}
div#push {
  clear: both;
  height: 45px;
}
div#footer {
  background: url(gfx/footer.jpg);
  padding: 23px 0px 0px 0px;
  height: 22px;
  width: 828px;
  clear: both;
  font: 10px verdana;
  color: #ffffff;
  margin: auto;
}
#footer a {
  text-decoration: none;
  font: bold 10px verdana;
  color: #ffffff;
}
 
Sorry, aber ich hab dir doch gesagt, was zu tun ist, und das wirst du doch wohl noch selbst auf die Kette bekommen?

Dieses Forum ist schliesslich keine "ABM"-Maßnahme, die hier deinen Job übernimmt.

Hier mal ein Beispiel aus deinem CSS:

Code: 
#header #head_langs li{
  margin-left: 6px; /* wird vom IE auf 12px verdoppelt */
  float: left;
  display:inline; /* fixt den Bug */
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück