Kleinigkeit!? IE zeigt falschen Abstand..

joker66

Hallo Wordpressler,

eigentlich will ich euch garnicht mit zu Kleinigkeiten "belästigen" aber leider bin ich in Wordpress und css-Styling noch nicht soweit das Ich das Problem alleine lösen könnte. Ich denke mal das es wirklich wieder nur eine kleine Eigenart vom Internetexplorer ist die man mit einem einfachen "Code-Schnipsel" fixen kann.

Wenn Ihr euch folgende Seite anschaut könnte Ihr unten im Footer einen grauen Bereich mit Text und rechts einer Adresse sehen. Im Firefox wird dieser Inhalt auch so angezeigt wie es soll - unzwar mit gleichen Abständen nach oben und unten. Schaut man sich das jetzt allerdings im IE an, sieht man das der Abstand des Inhaltes nach unten viel größer ist als nach oben.

Marriage Week » Gutes fÃ¼r Ehepaare

Ich habe wirklich schon alles mit den Stylesheets ausprobiert aber ich bekomme diesen "Bug" im IE nicht weg.

Code

body {
    background: #333322;
    color: #222;
    font: normal 62.5% sans-serif;
    padding: 2% 0;
}


.entry {height:1%;}


a {color: #642;}
a:hover {color: #963;}


big {font-size: 1.1em;}


h1 {color: #CC1317; padding: 8px 0 2px;}
h2,h3 {color: #442; padding: 8px 0 2px;}
h4 {color: #CC1317;}


h1 {font: normal 2.4em Georgia, sans-serif;padding-bottom: 10px;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}


h2 {font: normal 1.6em Georgia, sans-serif;}
h3 {font: bold 1.2em Georgia, sans-serif;}
h4 {font: normal 1.2em Georgia, sans-serif;padding-top: 10px;}
h5 {font: bold 1.2em Georgia, sans-serif;padding-top: 10px;padding-bottom: 10px;}
h6 {font: normal 1.2em Georgia, sans-serif;padding-bottom: 5px;}


blockquote {
    background: url('img/quote.gif') no-repeat;
    display: block;
    font: normal 1.1em Georgia,serif;
    padding-left: 26px
}


form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul,ol {padding: 0 2em 1.2em;}


/* structure */
#wrapper {
    background: #CC071E url(img/wrapper.gif) no-repeat left bottom;
    margin: 0 auto;
    width: 762px;
}
#container {
    border-top: 6px solid #CC071E;
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0 auto; background: #FBF9F4;
    width: 750px;
}


/* header */
.title {
    background: #E2DED5;
}
.title h1 {
    font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
    padding: 10px 0 10px 18px;
}


.header {
    background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;
    height: 220px;
}


/* navigation */
.navigation {
    background: #EAE7DF url(img/nav.gif) repeat-x; height: auto;
    border-top: 1px solid #996;
}
.navigation ul {padding: 0; margin: 0;}
.navigation li {float: left; list-style: none;}
.navigation li a {
    background: #FFF url(img/nav.gif) repeat-x;
    border-right: 1px solid #C9C6B3;
    color: #553;
    display: block;
    font: normal 1em Tahoma,sans-serif;
    line-height: 41px;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
}
.navigation a:hover {
    background-position: left bottom;
    color: #221;
}
.navigation .current_page_item a {color: #331;background-position: left bottom;}


/* main */
.main {background: #FFF url(img/main.gif) repeat-y;}


/* posts */
.post .descr {
    color: #630;
    font-size: 0.9em;
    margin: 2px 0 4px;
}
.post .info{
    border-top: 1px dashed #AAAA9A;
    color: #222;
    font-size: 0.9em;
    font-weight: bold;
    margin: 4px 0 8px;
    padding: 8px 0;
}
.post img {border: 2px solid #CCB; margin: 15px 0 30px 0;}
.post a img {border: 2px solid #CCB;}
.post a:hover img {border-color: #AA9;}


/* bottom */
.bottom {
    background: #E2DED5 url(img/bottom.gif) no-repeat left bottom;
    border-top: 1px solid #AA8;
    color: #444;
    padding: 14px 20px 7px 20px;
height:1%;
}
.bottom .left {width: 60%;}
.bottom .right {width: 33%;line-height:1.4em;}
/* footer */
.footer {
    background: #CC071E;
    color: #EED;
    padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
    width: 33%;
    text-align: right;
}
.footer a {
    color: #FFF;
    text-decoration: none;
}
.footer a:hover {
    color: #FFF;
    text-decoration: underline;
}


/* misc */
.content {padding: 12px 20px;}
.right .content {padding: 12px 10px;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;} 
.col2 .left {width: 64%;}
.col2 .right {width: 33%;}


/* block list */
ul.block, .block ul {
    border-top: 1px dashed #BCBAAC;
    margin: 4px 0;
    padding: 0;
    width: 90%;
}
.block li {
    border-bottom: 1px dashed #BCBAAC;
    list-style: none;
}
.block li a,.block li em {
    color: #553;
    display: block;
}
.block li em {
    font-size: 0.9em;
    font-style: normal;
}
.block li a {
    padding: 4px 3%;
    text-decoration: none;
    width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
    color: #553;
    background: #D2D0C0;
}


.block .current_page_item a {color: #553;background: #F2F0EA;}


.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}


/* comments */
#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
}
#commentform {
    margin: 1em 0;
    width: 280px;
}


textarea.styled {width: 280px;}


.styled {
    font-size: 1.1em;
    background: #FCFCFC;
    border: 1px solid #C6C3C3;
    padding: 2px;
}
.styled:hover {
    background: #FFF;
    border: 1px solid #C6C3C3;
}
.styled:focus {
    background: #FFF;
    border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #666;}


/* calendar */
#wp-calendar {color: #A0A0A0;}


.col2 .right table caption {border-bottom-color:#000;}
.col2 .right table thead tr {
  border-bottom-color: #000;
  color: #A53512;
}
.col2 .right table th {border-bottom-color:#000;}
.col2 .right table td#today {
  border-color: #000;
  color: #A53512;
}
.col2 .right table td a {
  border-bottom-color: #000;
  background-color: #EDF3DE;
}


.col2 .right table tfoot {border-top-color: #000;}
.col2 .right table tfoot a {background: none;}


/* calendar
--------------------------------------------------*/
#wp-calendar {
  display: inline-table;
  border-collapse: collapse;
  width: 185px;
  margin: 0px 10px 0 10px;
  text-align: center;
}


.col2 .right table caption {
  margin: -5px 10px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}


.col2 .right table thead tr {border-bottom:1px solid;}


.col2 .right table th {border-bottom:1px solid;}


.col2 .right table td {
  width: 225px; /* maximaize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 0.9em;
}


.col2 .right table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 1em;
  font-weight: bold;
}


.col2 .right table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 1.15em;
}


.col2 .right table tfoot {border-top:1px solid;}
.col2 .right table tfoot a {
  border: none;
  font-weight: bold;
}
.col2 .right table tfoot #prev a {text-align:left;}
.col2 .right table tfoot #next a {text-align:center;}


#searchform {padding:10px;}

Alles anzeigen

Hoffe wirklich das mir jemand helfen kann der dies durch seine Erfahrung lösen kann..weil eine logische Lösung kann ich mir hier fast nicht vorstellen.

Vielen Dank schon mal für eure Hilfe!!!

grussssss
Mark

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

hmm der IE rechnet Abstände anders und zeigt eventuell sogar andere Schriftarten an,

keiner der IE Nutzer weiß, dass der Abstand eventuell um 2 px nicht stimmt,

das ist Web nicht print ;)

[Invalid] Markup Validation of http://www.planet66.de/mw/ - W3C Markup Validator

wenn Du dort auf Sourcecode anzeigen klickst und dann auf revalidate siehst Du die Zeile wo der jeweilige Fehler auftritt

oft sind es Folgefehler, also zuerst einen Fehler ausbügeln wieder zu der Seite und nachschauen

br macht man

Code

<br />

lg

joker66

Das Problem sind ja nicht 2pixel sondern eher 30pixel. Wenn man das mal genau vergleicht sieht man das es fast der 3fache Abstand ist wie im Firefox...und das sollte ja auf keinen Fall sein! ...oder?

Monika

hmm im IE 7 seh ich nichts,

wenn es der IE 6 ist, dann extra für den IE 6 ein style. sheet machen und dort mal im footer alle margins und padding auf 0 setzen.

kann auch sein, dass es von der rechten Spalte herrührt oder einfach eine Vererbung ist

lg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kleinigkeit!? IE zeigt falschen Abstand..

Jetzt mitmachen!