Folks, I'm having an issue with a CSS style sheet. I changed the font and now my menus line up OK when on a standard monitor of varying resolutions, but they don't align properly on a iPad or on my mobile phone. Try www.catalystbusinessadvocates.com/methods and /services to see what I mean. Anyone willing to take a quick peek before I step out to hire someone?
Thanks.
SINGAPORE EXPATS FORUM
Singapore Expat Forum and Message Board for Expats in Singapore & Expatriates Relocating to Singapore
CSS Style Sheet Expert?
- Strong Eagle
- Moderator
- Posts: 11650
- Joined: Sat, 10 Jul 2004 12:13 am
- Location: Off The Red Dot
- Contact:
- sundaymorningstaple
- Moderator
- Posts: 39246
- Joined: Thu, 11 Nov 2004 1:26 pm
- Location: Retired on the Little Red Dot
Wah Lao! Good thing you are a moderator! Have to admit, though, it's a pretty good ruse to get eyeballs to your site! 
Sorry, just couldn't help meself!
Have a good evening SE.

Sorry, just couldn't help meself!

SOME PEOPLE TRY TO TURN BACK THEIR ODOMETERS. NOT ME. I WANT PEOPLE TO KNOW WHY I LOOK THIS WAY. I'VE TRAVELED A LONG WAY, AND SOME OF THE ROADS WEREN'T PAVED. ~ Will Rogers
- Strong Eagle
- Moderator
- Posts: 11650
- Joined: Sat, 10 Jul 2004 12:13 am
- Location: Off The Red Dot
- Contact:
- Max Headroom
- Reporter
- Posts: 911
- Joined: Wed, 08 May 2013 11:31 am
- Location: Singapore
- Contact:
I'm afraid they're not lined up in either of my regular-sized screens (LCD flatscreen and laptop.)
This sort of positioning is quite tough to do and pretty unpredictable, given the countless screens and resolution settings out there. Best you format your pages using tables that you set at % width. That way, the table will always try to adjust accordingly, albeit not always predictably.
That said, nowadays I reckon the better known companies don't go for the one-size-fits-all website, but prefer to have one regular website and one mobile phone version.
This sort of positioning is quite tough to do and pretty unpredictable, given the countless screens and resolution settings out there. Best you format your pages using tables that you set at % width. That way, the table will always try to adjust accordingly, albeit not always predictably.
That said, nowadays I reckon the better known companies don't go for the one-size-fits-all website, but prefer to have one regular website and one mobile phone version.
Max, I hope you don't take offence, but please please DO NOT use tables for layout. There are many many reasons why not - just google "tables for layout" to see. But they bulk up your markup unecessarily, making it more expensive for you to serve, and more expensive for people to use (especially mobile users on 3g), they make it difficult to make future updates, difficult to copy and paste text for users, impossible for search engines to decipher what your content is actually about so will reduce your search optimisation...the list goes on.Max Headroom wrote:I'm afraid they're not lined up in either of my regular-sized screens (LCD flatscreen and laptop.)
This sort of positioning is quite tough to do and pretty unpredictable, given the countless screens and resolution settings out there. Best you format your pages using tables that you set at % width. That way, the table will always try to adjust accordingly, albeit not always predictably.
That said, nowadays I reckon the better known companies don't go for the one-size-fits-all website, but prefer to have one regular website and one mobile phone version.
Going to take a look at your CSS now and see if there are any easy wins. Often though, things need a bit of an overhaul to get detail like this working correctly. And as a side note, it's probably better to use a completely separate style sheet for ipad. Clicking small areas is easy for a mouse, but tricky with a finger. A lot of websites have simplified versions for mobile use which you may want to consider doing.
Edit: Actually, your code is excellent. Very succinct and tidy mark up and clear CSS. IE has your misalignment issue as well as IOS and Android. Cross browser compat isn't my speciality so don't think I can suggest any fixes on this one. However someone on a tech forum should be able to help you on this without you having to hire someone. Look around for CSS forums and it should be easy for them as your code is so tidy.
Sorry, I found these arguments not really convincing. Bandwidth? C'mon, who cares about some objectively redundant text based tags if majority streams heavy weighting multimedia content and the websites just boil with all sort of idiotic and annoying flash based gadgets? Maybe if I were a purist... Equally well you could advocate to write all the non-interpreter based codes in assembler.
- Max Headroom
- Reporter
- Posts: 911
- Joined: Wed, 08 May 2013 11:31 am
- Location: Singapore
- Contact:
-
- Similar Topics
- Replies
- Views
- Last post
-
-
Seeking Expert Opinions
by BD-Hopeful » Sun, 13 Jan 2019 8:08 pm » in PR, Citizenship, Passes & Visas for Foreigners - 1 Replies
- 1241 Views
-
Last post by jamie9vardy
Sun, 13 Jan 2019 8:11 pm
-
-
-
Looking for expert at lchf or keto
by dsci2019 » Fri, 04 Oct 2019 1:06 pm » in Beauty, Health & Fitness - 0 Replies
- 881 Views
-
Last post by dsci2019
Fri, 04 Oct 2019 1:06 pm
-
-
-
learn chess from expert
by midlet2013 » Mon, 26 Oct 2020 8:24 am » in Entertainment, Leisure & Sports - 0 Replies
- 1316 Views
-
Last post by midlet2013
Mon, 26 Oct 2020 8:24 am
-
-
-
Signing on in navy military medical expert
by ralphpacia » Sat, 19 Dec 2020 3:07 am » in PR, Citizenship, Passes & Visas for Foreigners - 1 Replies
- 866 Views
-
Last post by PNGMK
Thu, 07 Jan 2021 10:05 pm
-
-
-
Looking for Participants for a Interview Style Video
by andrea_c97 » Tue, 17 Jul 2018 5:01 pm » in General Discussions - 0 Replies
- 1916 Views
-
Last post by andrea_c97
Tue, 17 Jul 2018 5:01 pm
-
Who is online
Users browsing this forum: No registered users and 10 guests