CSS desktop vs laptop display problem ?

Discussion about CSS related issues.
Post Reply
cdan18po
Rank 0 - Newcomer
Rank 0 - Newcomer
Posts: 1
Joined: Wed Oct 07, 2009 1:07 am

CSS desktop vs laptop display problem ?

Post by cdan18po » Thu Oct 08, 2009 12:18 am

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?

User avatar
Albert Wiersch
Site Admin
Site Admin
Posts: 3412
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Re: CSS desktop vs laptop display problem ?

Post by Albert Wiersch » Thu Oct 08, 2009 9:05 am

Please submit the URL of a page that has this problem so people can take a look at the source.
Image
Albert Wiersch

johnpeters3
Rank 0 - Newcomer
Rank 0 - Newcomer
Posts: 1
Joined: Fri Dec 14, 2012 7:04 pm
Location: Ontario
Contact:

Re: CSS desktop vs laptop display problem ?

Post by johnpeters3 » Fri Dec 14, 2012 7:14 pm

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!

SimonH
Rank 0 - Newcomer
Rank 0 - Newcomer
Posts: 2
Joined: Mon Jan 14, 2013 2:11 pm

Re: CSS desktop vs laptop display problem ?

Post by SimonH » Mon Jan 14, 2013 2:21 pm

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: http://www.w3.org/TR/css3-mediaqueries/

angela25
Rank 0 - Newcomer
Rank 0 - Newcomer
Posts: 1
Joined: Mon Jun 10, 2013 7:35 am
Contact:

Re: CSS desktop vs laptop display problem ?

Post by angela25 » Mon Jun 10, 2013 7:40 am

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.

Post Reply