IE7 Probleme bei der Anzeige (hinzufügen von zusätzlichen oberen Rand)

Ich habe eine wirklich harte Zeit, herauszufinden, warum IE7 sorgt für zusätzliche Polsterung auf der dieser Seite!

Dies ist, was IE7 tut:
http://imgur.com/lwyRI.png

Die richtige Seite hätten die drei schwarzen Laschen verbunden mit der Grafik oben.
Dies ist, wie Ihre Aussehen soll: auch gespeichert auf imgur: 64qbf.png
(ich darf nur ein link)

Den link der Seite finden Sie im img. (wieder kann ich nur nach einem link)

bitte um Hilfe!!

css-code:

<style type="text/css">
#background{
    background-image: url(/images/store/vaporIronBK.jpg);
    background-repeat:no-repeat;
    height:auto;
    width:665px;

    margin-top:125px;

    margin-left:228px;
    padding-top:5px;
    font-size:15px;
}

#background a {
    color: #ffffff;
    text-decoration: none;
}

#background a:hover {
    color: #de156d;
}

#videoLinks  {
    margin-top:52px;
    height: 100px;
}

#buy{
    width:400px;
    float:left;
    clear:both;
    padding-left:235px;
    color:#000000;
}

#video {
    float: right;
    left: 683px;
    margin-left: 35px;
    margin-top: 166px;
    width: 200px;
    color: #000000;
}

#video a {
    text-decoration: none;
    color: #000000;
}

#video a:hover {
    color: #de156d;
}

#footnotes  {
    color:#ffffff;
    margin-top: 37px;
}

#bottom-text {
    margin-left:40px;
    margin-top:445px;
    width:575px;
}

#bottom-text a {
    color: #de156d;
    text-decoration: none;
}

#bottom-text a:hover {
    color: #000000;
}

#bottom-text p {
    text-align: justify;
}

#bottom-text h2 {
    font-size: 25px;
    color: #000000;
    padding-bottom: 10px;
}

#bottom-text h3 {
    padding-bottom: 5px;
}

#bottom-text p {
    padding-bottom: 20px;
}

#bottom-text .header-text {
    padding-bottom: 25px;
}

#bottom-text p.taylor-image {
    text-align: center;
}

.tabs {
    height: 30px;
    width: 180px;
    float: left;
    margin-left: 30px;
    padding-top: 10px;
}
</style>

Sie müssen einige Beispiel-code/css/etwas. wir Debuggen können nicht von einem statischen Bild...
Schwer zu sagen, ohne wirklich etwas code. Wie über das hinzufügen mindestens die CSS - /Attribut-Definitionen, die für diesen Teil der Seite? Oder verwenden Sie einige WYSIWYG-editor und nicht wissen, HTML/CSS?
nach ein paar html-und css-bitte. mit diesem wird es wie eine Wahrsagerin
Was ist die JS-Fehlermeldung? Würde es etwas damit zu tun haben?
es ist schon ironisch, wie sein Beitrag über css braucht einige css-Anpassung...

InformationsquelleAutor sahand | 2010-12-17

1

Ich tun dies, um jede Seite:
```
<body>


...LALALA


</body>
```
Spricht man von einem bedingten Kommentar ein. Es ist IE-proprietären, aber wirkt wie
ein Kommentar zu anderen Browsern und Validatoren.

Nun können Sie angeben, DH bestimmte Regeln verwenden .ie Vorfahren.

bekommen einige .ie #, was auch immer{position:relative;} geht auf und setzen diese
Boxen, wo Sie sein soll!

InformationsquelleAutor Motekye Guakein
0

Nicht sicher, aber versuchen, dies in deinem CSS
```
body
{
    padding:0;
    margin:0;
}
```
http://www.w3schools.com/css/css_margin.asp
http://www.w3schools.com/css/css_padding.asp

alternativ würde gerne sehen, einige code geschrieben von anderen.

das ist bereits Hinzugefügt, in der Haupt-css-Datei. Ich habe auch versucht, indem es auf dieser Seite kein Glück.

InformationsquelleAutor shaunhusain
0

verwenden:
```
display: inline;
```
Hoffe, das hilft.

ich habe versucht, das hinzufügen von inline-und es hat nicht geholfen 🙁
ok, wenn Sie noch nicht finden, der Lösung, dh ein double-margin-bug, Lesen Sie mehr über das css-box-Modell oder für die einfache Verwendung einer bedingten wie diese: dieses Stück code Stelle im Kopf des Dokuments, und verwenden dieses Stylesheet nur, wenn Sie in der angegebenen browser.  und fügen Sie ein anderes Stylesheet nur für den ie, dass das problem mit und entfernen Sie die zusätzlichen margin oder was auch immer Probleme, die Sie erleben. Hoffe, das hilft

InformationsquelleAutor Adamski
0

Versuchen, entfernen margin-top: aus #hintergrund und stattdessen fügen Sie eine clear:both oder clear:right für #hintergrund.

InformationsquelleAutor meder omuraliev
0

Generell, vor allem für den IE7, aber für eine bessere Praxis in jedem Fall geben Sie immer alle Seiten w/padding oder margin...in anderen Worten nicht nur die Verwendung von margin-top:?px (? für was auch immer) und vermute, der rest ist in Ordnung. Besser margin:?px 0 0 0 oder was auch immer Werte.

Andere Allgemeine Idee, vor allem mit dem IE 7 und unten ist nicht zu verwenden, margin und padding auf das gleiche element.

Auch, alles schwebte braucht eine Breite und als der double-margin bug ist, es tritt nur auf, wenn Sie Rand auf der gleichen Seite wie der Seite das element ist geschwommen.....wenn Sie also die Deklaration float:right auf etwas, was Sie nicht wollen, zu margin: 0 20px 0 0 auf die gleiche Sache... es wird verdoppelt. Die bessere Polsterung auf der element enthalten.

InformationsquelleAutor kelly johnson

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.