Freeway 7, Explorer issue

Hello,
I built this responsive music site. All seems to work, except in Internet Explorer. The top row of the table gets too small and the mp3 does not load. I tried adding 1px padding to the table, with no change. Any ideas how to fix this? Thanks

www.Bahttp://www.bayofthesun.net/listen.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Firstly a table structure like this is never going to be truly responsive and showing the borders like that makes it look like a throwback to the 90’s - even if you swop to a smaller table at reduced widths.

Secondly you are using relative font sizes for your text with the top line having the following specs

.style36 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: xx-small;
line-height: 1;
text-indent: 2px;
}

A font size of xx-small is too small to be easily read.

Instead use px to size your fonts - 16px is a good legible size for most cases.

You also need to relook at your header graphic as that certainly is not responsive. Did you follow the tutorial about making responsive images?

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Will the type fixes correct the Explorer issue? I did not ask you to critique my design. Lets see if you answer a 2nd time this time.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Will the type fixes correct the Explorer issue?

I dont have your file to try it but it cant hurt to give it a go.

Because you are using a layout that is not inline every Div on your page stands alone and cannot interact with any other. This means that text that is larger/smaller in different Browsers and OS can cause the Div container it is in to grow and shrink to suit its content.

To see this in action view your page in Safari and under the View Menu make sure that Zoom Text Only is checked. Now use Cmd+ a couple of times to increase the font display size to simulate how other users may see your page.

Lets see if you answer a 2nd time this time.

Not sure I understand what you mean?

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It ain’t responsive in Safari as well … when I drag the browser edges inside and out, nothing happens to the content.

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options