SOLVED afterburner2 frontpage showcase issue in IE 11.0
-
-
- Robertos
- Sr. Rocketeer
- Posts: 108
- Thanks: 1
-
I have just noticed that when using IE 11.0 the frontpage showcase on my website
www.biwak-pruchnik.vot.pl
is not corectly presented. Half of the top sentence is cut in the center of the page.
In Firefox/chrome you can read a full sentence: "Pole biwakowe w Pruchniku", while in IE "Pole biwakow" only.
Please advice on how to fix this.
The module source code is:
<div class="rt-center largemargintop largemarginbottom smallpaddingbottom">
<h1 class="largemargintop largemarginbottom medpaddingbottom">Pole biwakowe w Pruchniku</h1>
<h4 class="nobold">Uroczy zakątek, gdzie spędzisz niezapomniane chwile</h4>
</div>
<div class="gantry-width-33 gantry-width-block hidden-phone">
<div class="gantry-width-spacer">
<div class="gantry-width-30 gantry-width-block"> </div>
<div class="gantry-width-70 gantry-width-block">
<h5>Miła i rodzinna atmosfera</h5>
Pola namiotowe znajdują się w przydomowym ogrodzie, w cieniu starych drzew. Bliskość domu mieszkalnego, kameralne usytuowanie namiotów, urządzeń sanitarnych i rekreacyjnych, dają poczucie bezpieczeństwa i tworzą przyjazny klimat w czasie pobytu. <br /> <a class="readon largemargintop" href="pole-biwakowe.html">Przeczytaj więcej</a></div>
<div class="clear"> </div>
</div>
</div>
<div class="gantry-width-33 gantry-width-block hidden-phone">
<div class="gantry-width-spacer">
<div class="gantry-width-30 gantry-width-block"> </div>
<div class="gantry-width-70 gantry-width-block">
<h5>Ostatni przystanek przed Bieszczadami</h5>
Położone w centrum Pruchnika pole biwakowe, na szlaku architektury drewnianej Podkarpacia, stanowi doskonałą bazę wypadową dla turystów pieszych i rowerowych zamierzających poznawać zabytki i krajobrazy pobliskiej doliny Sanu i niedalekich Bieszczad. <br /> <a class="readon largemargintop" href="kontakt.html">Sprawdź na mapie</a></div>
<div class="clear"> </div>
</div>
</div>
<div class="gantry-width-33 gantry-width-block hidden-phone">
<div class="gantry-width-spacer">
<div class="gantry-width-30 gantry-width-block"> </div>
<div class="gantry-width-70 gantry-width-block">
<h5>Siedlisko żaby dalmatyńskiej</h5>
W mało uczęszczanej części ogrodu zamieszkały u nas, będące pod ścisłą ochroną, żabki dalmatyńskie (Rana dalmatina). Na naszej posesji można również zobaczyć jeże i wiewiórki, a wieczorową porą wylatują ze strychu nietoperze gacki i szybują cichutko nad drzewami. <br /> <a class="readon largemargintop" href="images/zabka-dalmatynska.jpg">Zobacz zdjęcie</a></div>
<div class="clear"> </div>
</div>
</div>
<div class="clear"> </div> - Last Edit: 10 years 11 months ago by Robertos.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
This is a known bug in IE11 - it is caused by text-shadows.
To get around this put this code in an IE11 specific custom CSS file.
#rt-top-surround h1, #rt-top-surround h2, #rt-top-surround h3, #rt-top-surround h5, #rt-top-surround h6, #rt-top-surround { text-shadow: none; }
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Regards, Mark. -
The following users have thanked you: Robertos
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.144 seconds