Mobile app version of vmapp.org
Login or Join
LarsenBagley505

: First I'm told to avoid table for layout and now using floats is bad for mobile? I ran my mobile home page through the website validator at: https://validator.w3.org/ and it complains that:

@LarsenBagley505

Posted in: #Css #Table #W3cValidation

I ran my mobile home page through the website validator at: validator.w3.org/
and it complains that:


The CSS style sheet contains rules referencing the position, display or float properties

Support for CSS style sheets varies from one device to the other, and cannot be entirely relied upon, especially to position the elements precisely. Floating and absolutely positioned elements should also be avoided on limited screens for usability reason since they may trigger scrolling in two directions.


Under more information, it states:


Best practice:
Organize documents so that if necessary they may be read without style sheets.


To me, a solution is to use a two-column table for layout but I keep reading that tables are only meant to be used for tabular content.

I happen to use css float for adsense to blend the ad in with the content.

I can't make the ad take up the entire width of the screen as that pushes content down the fold.

Now my question is, is W3C being stupid with me, or should I just forget using floats and use table cells?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @LarsenBagley505

1 Comments

Sorted by latest first Latest Oldest Best

 

@Speyer207

The W3C mobile validator reports errrors, cautions and informational based results. It's extremely likely and common for websites to have cautions. When W3C reports a caution it does not mean your site is broken.

Break down of result types:


Critical Error(s): X
Severe Error(s): -
Medium Error(s): ...
Low Error(s): .
Caution(s): !
Informational: ?


Frankly trying to cater for very old devices will ultimately dampen user experience thats why the likes of most websites do not.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme