css alignment issue on google translation

[krrish]

I'm using Google flag translator for my website. When click on the flag its redirect to Google translator. In the Google window my website footer alignments are messed up. you can see what happened by click on any flag. this is my site, adseekershub.com

I'm a beginner in programming, I know this is the right place to get me a solution. hope you guys help me.

thanx,

Edited September 27, 2013 by krrish

[davej]

The whole thing seems too wide (1024px). Why not make it responsive?

 

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

[krrish]

The whole thing seems too wide (1024px). Why not make it responsive?

 

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

 

Hi. I'm just learning responsive designing. Do you think this is the reason for my alignment issues? But I get this problem when, the site came to google interface only, (click on that flags and see)

thanks,

[krrish]

The whole thing seems too wide (1024px). Why not make it responsive?

 

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

 

Hi. I'm just learning responsive designing. Do you think this is the reason for my alignment issues? But I get this problem when, the site came to google interface only, (click on that flags and see)

thanks,

[davej]

The obvious problem with the translator is that the translated words are longer than the original words. When the layout uses fixed widths and fixed fonts it just isn't going to be able to handle various length words unless there is a lot of built-in empty space.

 

Think about that problem. What if every word can be either long or short?

Edited September 30, 2013 by davej