ECB - gunnart_v1 template IE stellt midcol zentriert da [Archiv] -

Shop Support News Archive - Shopbetreiber News -> Forum : ECB - gunnart_v1 template IE stellt midcol zentriert da

Mato

09.12.2009, 02:52

Moin Leute.

Habe im Internetexplorer zwei Darstellungsprobleme die ich nicht lösen kann.
Vorneweg: Im Firefox sieht alles tiptop aus, so wie's soll.
Jedoch stellt der Internetexplorer (ich hab hier IE7) alles was in der Midcol ist mittig dar. Schon viele Variablen verändert und dann wieder rückgängig gemacht, weil das nicht der Fehler war. (Link zum Shop siehe Signatur)

Und hier mal noch meine Stylesheet.css:
''>ZITAT</div>
@import url(boxes.css);
@import url(thickbox.css);

/ <agl.folder "Allgemein"> /
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { display: inline-block; }

/ Hides from IE-mac \ /
html .clearfix { height: 1%; }
.clearfix { display: block; }
/ End hide from IE-mac /

hr { display: none }
hr.Break { display: block; visibility: hidden; }

.Break { float: none; clear: both; }
.Left { float: left }
.Right { float: Right }

.lAlign { text-align: left; }
.rAlign { text-align: right; }
.cAlign { text-align: center; }

body { color: #333; font-size: 12px; background-color: #440B0B; background-repeat: no-repeat; background-position: 50% 0; text-align: center; margin: 0; padding: 0 }
body { font-family: Verdana, Arial, Helvetica, sans-serif }

img, a img { border: none; }
a { color: #000000; text-decoration: none }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {}
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; padding-top: 0.6em; padding-bottom: 0.3em }
ul, ol { margin-top: 0; margin-bottom: 0; padding-top: 0.3em; padding-bottom: 0.3em }
li { margin-top: 0; margin-bottom: 0 }
form, input, textarea, select { font-size: 12px }
form { margin: 0; padding: 0; }
p, table, td, th, caption, li { }
p small { font-size: 10px }
h1 { color: #000000; font-size: 18px; font-weight: normal }
h2 { color: #000000; font-size: 16px; font-weight: normal; background-color: #e3e3e3; text-align: center; }
h3 { color: #000000; font-size: 16px; font-weight: normal }
h4 { color: #000000; font-size: 16px; font-weight: normal }
h5 { color: #000000; font-size: 14px; font-weight: normal }
h6 { color: #000000; font-size: 12px; font-weight: normal }

p, ul, ol, table, form, input, textarea, select, h1, h2, h3, h4, h5, h6 { line-height: 124% }

a.shippinglink:link, a.shippinglink:visited {
background:transparent url(templates/gunnart_v1/images/text_img/zzglversandkosten.png) top right no-repeat;
padding-bottom:3px;
}
a.shippinglink:hover {
background:transparent url(templates/gunnart_v1/images/text_img/zzglversandkosten.png) top right no-repeat;
}

/ </agl.folder> /

/ <agl.folder "MainCols & MainWrap"> /
#MainWrap { background-color: #fff; background-image: url("images/blingking24.png"); background-repeat: no-repeat; background-position: 50% 10px; text-align: left; margin: 10px auto 0; padding: 0 0 10px; position: relative; width: 980px; float: none; clear: both; overflow: hidden }

#MidCol,
#LeftCol,
#RightCol { margin-top: 210px; position: relative; overflow: hidden }

#LeftCol,
#RightCol { width: 190px }

#MidCol { position: relative; left: 210px; width: 560px; float: left }
#LeftCol { text-align: left; left: -550px; float: left }
#RightCol { text-align: right; right: 10px; float: right }
/ </agl.folder> /

/ <agl.folder "MidCol"> /
#ShopContent { margin-top: 40px; padding-bottom: 10px; position: relative; border-top: 2px solid #000000 }
#BreadCrumb { margin: 0; padding-top: 0.3em; padding-bottom: 0; position: absolute; top: -40px; left: 0; height: 40px }
.ButtonSet { margin-top: 10px; border-top: 2px solid #000000 }
.ErrorMessage { margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px; border: solid 2px #c00 }
.Half { width: 275px; }
.CheckOutFunction { padding-right: 10px; border-top: 1px solid #555; border-right: 1px solid #555 }
.CheckOutFunction p {}
.CheckOutFunction .Half { width: 265px }
.OrderItem { padding-right: 10px; border-top: 1px solid #555; border-right: 1px solid #555 }
#ProgressBar { float: none; clear: both; }
#ProgressBar span { background-color: #ddd; float: left; text-align: center; width: 25%; color: #000 }
#ProgressBar span.Current { color: #c13; }

/ </agl.folder> /

/ <agl.folder "CatInfo"> /
.CatInfo { background-color: #ffffff; padding: 10px }
.CatInfo .Image { background-color: #e3e3e3; width: 200px; height: 200px; float: left }
.CatInfo .Text { background-color: #e3e3e3; width: 330px; float: right }
/ </agl.folder> /

/ <agl.folder "CatListing"> /
.CatListing { width: 550px; }
.CatListing .Item { background-color: #ffffff; text-align: center; margin-right: 10px; width: 180px; float: left; }
.CatListing .Image {}
/ </agl.folder> /

/ <agl.folder "ProdListing"> /
.ProdListing1,
.ProdListing2,
.ProdListing3 { align: center; width: 570px; }

.ProdListing1 .Item,
.ProdListing2 .Item,
.ProdListing3 .Item { height: 300px; width: 160px; background-color: #ffffff; }

.ProdListing1 .Image { text-align: center }
.ProdListing2 .Image { text-align: center }
.ProdListing3 .Image { margin-left: 15px; height: 150px; width: 150px; }

.ProdListing1 .Item { width: 275px; float: left; }
.ProdListing2 .Item { width: 275px; float: left; }
.ProdListing3 .Item { width: 180px; float: left; margin-right: 10px; }
/ </agl.folder> /

/ <agl.folder "LeftCol"> /
/ K�mmt noch /
/ </agl.folder> /

/ <agl.folder "RightCol"> /
/ K�mmt noch /
/ </agl.folder> /

/ <agl.folder "MainHeader"> /
#MainHeader { margin-right: 10px; margin-left: 10px; position: absolute; top: 10px; left: 0; width: 960px; }
#ShopLogo { color: #ffffff; font-size: 36px; line-height: 150px; background-color: #666; background-image: url("images/blingking24.png"); background-repeat: no-repeat; background-position: 50% 0; margin: 0; padding: 0 0px; height: 150px; overflow: hidden }
#ShopLogo a { color: #ffffff; }
#ShopFunctions { background-color: #e3e3e3; margin-top: 10px; padding-right: 10px; padding-left: 10px; height: 30px; float: none; clear: both; }
#ShopFunctions p { color: #000000; / font-size: 16px; / line-height: 30px; margin: 0; padding: 0; height: -30px }
#ShopFunctions form { vertical-align: middle; }
#ShopFunctions input { text-align: center }
/ </agl.folder> /

/ <agl.folder "MainFooter"> /
#MainFooter { text-align: center; color: #000000; font-size: 9px; background-color: #e3e3e3; margin: 0 10px; padding-right: 10px; padding-left: 10px; float: none; clear: both }
#MainFooter p { line-height: 30px; padding: 0; height: 30px }
#MainFooter a { color: #000000 }
/ </agl.folder> /

.errorBox {
background-color: #FFA646;
z-index: 10000;
width: 100%;
text-align: left;
}

/ Spamschutz im Kontaktformular /
.contact2 {
border: 0px none;
background: #FFF;
}

/ debug-Ausgaben /
pre {
text-align: left;
background-color: #fff;
font-family: courier;
}

[/b]

Der zweite Fehler ist im Warenkorb. In der Kategorien "Entfernen" hängt das rote X und das Kästchen zum Markieren linksbündig. Soll aber mittig sein so wie im Firefox auch. Ist eigentlich auch valign und align auf center.

Schon mal danke für die Hilfe.

Mato

09.12.2009, 17:00

Grr das macht mich wahnsinnig... Schon alles probiert, aber die Lösung nicht gefunden. Wahrscheinlich ist es ZU einfach.

Ich vertrau einfach mal auf euch jungs und mädels hier!

ecomdev.de

09.12.2009, 18:34

Hi,

erst einmal Danke das Du uns mit deinem kompletten Stylesheet beglückst ;)

Ich würde Dir empfehlen die Microsoft WebDeveloper Tools zu installieren (ist ähnlich FireBug, nur halt für den IE) um damit deinen Fehler im CSS zu finden.

BTW: BUMPING ist hier auch nicht gerne gesehen!

Mato

09.12.2009, 20:34

Nicht gut, dass ich gleich die ganze Stylesheet gepostet habe? Ich dachte die könnten die profis hier gebrauchen um den fehler gleich zu finden. einzelne schnipsel haben ja nicht wirklich viel Aussagekraft dacht ich.

Ob ich den Fehler mit dem Firebug-Äquivalent fürn IE finde bezweifel ich zwar, da ich im stylesheet schon wirklich alles ausprobiert hab, aber wenn keiner ne Lösung weiß, werd ich mirs damit mal anschauen.

p.s. du Fuchs! Das Bumping sollte eigentlich gar nicht auffallen ;-)

ecomdev.de

09.12.2009, 20:49

Ich Fuxx sehe nur gerade kein Problem in deinem Shop.

Meinst Du das product_listing ?

Mato

09.12.2009, 21:37

Nee. Die meisten Texte im Shop sind von mir auf "block" im content manager gestellt worden. Es ist nur bei den Texten ein Problem, an denen ich nichts formatiert habe -> die stehen im Firefuxx schön linksbündig und im IE7 zentriert.

Klick mal auf z.B. sitemap, impressum, ihr konto ... da müsstest du es sehen

handballcafe

11.12.2009, 11:03

Moin,

man sollte vielleicht nicht die Formatierung aus Word mit einfügen. Ist auch sichtbar im Quellcode. Nimm die einfach mal raus und dann sollte es gehen. Siehe nachfolgend

ab hierp>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="ProgId" content="Word.Document">
<meta name="Generator" content="Microsoft Word 10">
<meta name="Originator" content="Microsoft Word 10">
<link rel="File-List" href="file:///C:%5CUsers%5CMato%5CAppData%5CLocal%5CTemp%5Cmsoht ml1%5C01%5Cclip_filelist.xml" /><style type="text/css"></style>********</meta>
</meta>
</meta>
</meta>
</p>bis hier muss raus
<p class="MsoNormal"><o:p>www.BlingKing24.com ist ein Online-Versandhandel der JR Merchandise GbR

</o:p></p>
<p class="MsoNormal">/media/JRlogo-rgb-klein.png

</p>
<p class="MsoNormal">Anschrift:

Christian Jungmann und Mario Rechtien

JR Merchandise GbR

BlingKing24.com

Habichtshof 4

D - 49134 Wallenhorst</p>
<p class="MsoNormal"><o:p></o:p>Kontakt:

Tel.: +49 (0) 5407 - 85 72 43

Fax: +49 (0) 5407 – 8 16 69 86

E-Mail: info@blingking24.com

Web: www.blingking24.com<o:p>

</o:p></p>
<p class="MsoNormal">Inhaber & Geschäftsführer:

Christian Jungmann, B.A.

Mario Rechtien</p>
<p class="MsoNormal"><o:p></o:p>USt-Id. Nr.: DE 266385445</p>
<p class="MsoNormal"><o:p></o:p>Bankverbindung:

Postbank Frankfurt

Kontoinhaber: JR Merchandise GbR

Kontonummer: 19 438 607

BLZ: 500 100 60

BIC (SWIFT-Code): PBNKDEFF

IBAN: DE10 50010060 0019438607</p>
<p class="MsoNormal" style="text-align: justify;"></p>

<p class="MsoNormal" style="text-align: justify;"><span style="font-size: small;">

Hinweis zum Bildmaterial:</p>
</span></p>
<p class="MsoNormal" style="text-align: justify;"><span style="font-size: small;">In unserem Onlineshop wird ausschließlich Bildmaterial verwendet, das von uns selbst fotografiert oder uns von unseren Großhändlern zur Verfügung gestellt wurde.Da alle Bilder urheberrechtlich geschützt sind, ist eine anderweitige Verwendung ohne vorherige Zustimmung nicht zulässig.

</span></p>
<p class="MsoNormal">Haftungsausschluss (Disclaimer)<o:p></o:p><o:p></o:p>

</p>
<p class="MsoNormal">Haftung für Links<o:p>:

</o:p></p>
<p style="text-align: justify;" class="MsoNormal">Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.<o:p>

</o:p></p>
<p class="MsoNormal">Urheberrecht<o:p>:

</o:p></p>
<p style="text-align: justify;" class="MsoNormal">Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
<p style="text-align: justify;" class="MsoNormal">Quelle: eRecht24.de (http://www.e-recht24.de/) - Internetrecht von Rechtsanwalt Sören Siebert

</p>
<p style="text-align: justify;" class="MsoNormal">

Shop-System powered by eComBASE.de (http://www.ecombase.de)

Template by gunn[i]art. (http://www.gunnart.de)</p>
<p class="ButtonSet">templates/gunnart_v1/buttons/german/button_back.gif (java script:history.back(1))</p>

Die Class muss raus class="MsoNormal" bezieht sich auf den Salm oben und dann schreibe das ganz entweder sauber in html oder mache es über den Contentmanager.

Gruß der Ostler

Mato

11.12.2009, 15:50

Hm ok aber das ist nur bei Impressum so.
Auf den anderen Seiten aber nicht, wie z.B. Sitemap, Ihr Konto, der gesamte checkout prozess etc.

Mato

11.12.2009, 16:01

Okay hab die Lösung gefunden.
Unter templates/gunnart_v1/snippets/ in der MainHeading.html fehlte ein schließender Slash im zweiten <center>. Firefox scheint diesen Fehler automatisch korrigiert zu haben, IE leider nicht.

So sah aus:
<h1 class="MainHeading"><center>{$heading}<center></h1>

Jetzt so:
<h1 class="MainHeading"><center>{$heading}</center></h1>

Was ein kleiner vergessener Slash so alles anrichten kann^^ Auch kein Wunder, dass niemand einen Fehler in der Stylesheet gefunden hat.

Trotzdem danke für die Hilfe an alle.

Thread closed wegen meiner.