Page 1 of 1

CSS desktop vs laptop display problem ?

Posted: Thu Oct 08, 2009 12:18 am
by cdan18po
i am a beginner on using CSS...
why is that my output on my design on desktop computer becomes not good and in the right position when i tried to run it on my brother's laptop?

is there anything i can about this matter?
i mean how am i suppose to do a design that will perfectly display on both desktop and laptop without any changes on the output?

Re: CSS desktop vs laptop display problem ?

Posted: Thu Oct 08, 2009 9:05 am
by Albert Wiersch
Please submit the URL of a page that has this problem so people can take a look at the source.

Re: CSS desktop vs laptop display problem ?

Posted: Fri Dec 14, 2012 7:14 pm
by johnpeters3
Hi cdan18po:

I have a similar issue with a floating textbox I'm using on my website: http://homemortgageontario.ca

It is the "Our Best Mortgage Rates" table in the header and you'll notice that it fits nicely while viewing on a desktop/laptop, however when on a mobile device (no mobile theme installed on my WP site) the last line does not show up inside the box, it overlaps the bottom of the border.

You'll also notice the last line does not line up appropriately. Can't figure it out for the life of me. I thought because I have a radius on the corner of my border that it is messing with the alignment of the text? Hmmm.

Thanks in advance!

Re: CSS desktop vs laptop display problem ?

Posted: Mon Jan 14, 2013 2:21 pm
by SimonH
johnpeters3 wrote: While viewing on a desktop/laptop, however when on a mobile device (no mobile theme installed on my WP site) the last line does not show up inside the box, it overlaps the bottom of the border.

You'll also notice the last line does not line up appropriately. Can't figure it out for the life of me. I thought because I have a radius on the corner of my border that it is messing with the alignment of the text? Hmmm.
Thanks in advance!
You can simply fix this using Media Queries check out: https://www.w3.org/TR/mediaqueries-3/

Re: CSS desktop vs laptop display problem ?

Posted: Mon Jun 10, 2013 7:40 am
by angela25
Mmmhh did you look with the same browser? And what resolution? Maybe it's possible to copy/paste your code? Normally if you have a wrapper and you work within this wrapper, the page should always look good.