I have two pages that to me look to be formatted identically and use the same css files. Yet one looks fine on mobile (samsung galaxy s2) http://www.members.shaw.ca/testing69/bridge2/index.htm and the other one the text is too small http://www.members.shaw.ca/testing69/bridge2/index.htm. I have tried everything to the point that it is also now driving my wife crazy also. Please help bring harmony back to our household.
index.htm
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
<link href="styles.css" rel="stylesheet" type="text/css" media="Screen"/>
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>
<link media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="android.css" type="text/css" rel="stylesheet" />
<!--[if IEMobile]>
<link rel="stylesheet" type="text/css" href="phone.css" media="screen" />
<![endif]-->
</head>
<body>
<div id="container">
<div id="banner">
<h1></h1>
</div>

<div id="menu">
<ul>

<li><a href="http://members.shaw.ca/mufc/">My Home Page</a></li>
<li><a href="index2.htm">Learn Bridge Base </a></li>
<li><a href="http://members.shaw.ca/mufc/index3.htm">Protect Your Computer </a></li>
</ul>
</div>

<div id="content">
<a href="alpha.htm">Conventions Listed Alphabetically</a>
<p></p>
<p></p>
<a href="fivelines.htm">5 lines of Defence and how to use them</a>
<p></p>
<a href="dsbob.htm">Doubling Slams</a> (courtesy of Bob Crosby)
<p></p>
<a href="bjbob.htm">Bidding Judgement and Understandings</a> (courtesy of Bob Crosby)
<p></p>
<a href="ad.htm">Advanced Decisions</a> (courtesy of Bob Crosby)
<p></p>
<a href="Improving the Forcing Notrump.pdf">Improving Forcing NT</a> (Perry Khakhar)
<p></p>
<a href="defence.htm">Other Defence notes</a>
<p></p>
<a href="forgive.htm">Forgive Me Partner (Larry Cohen)</a>
<p></p>
<a href="crossruff.htm">Crossruff</a>
<p></p>
<a href="28_1.htm">Opening Leads</a>
<p></p>
<a href="Third%20Hand%20High.htm">Third Hand High</a>
<p></p>
<a href="signals%20and%20discards.htm">Signals and Discards</a>
<p></p>
<a href="Stress at the Bridge Table.htm">Stress at the Bridge Table</a> (courtesy of Bob Crosby)
<p></p>
<a href="balancing.htm">The art of Balancing</a>
<p></p>
<a href="Slam%20bidding%20made%20easier.htm">Slam bidding made easier</a>
<p></p>
<a href="fivelevel.htm">The 5 level belongs to the Opponents</a>
<p></p>
<a href="dbl.htm">Was the a penalty double</a>
<p></p>
<a href="count.htm">Count , count , count</a>
<p></p>
<a href="mps.htm">Match Point strategy</a>
<p></p>
<a href="AlertProcedures.pdf">ACBL Alert procedures</a>
<p></p>
<a href="imp.htm">Imp team tactics</a>
<p></p>
<a href="http://www.members.shaw.ca/conventions/hands/">Hand Records ..North South Practice Hands</a>
<p></p>
<a href="http://www.members.shaw.ca/conventions/Laura/">My Convention Card with Laura plus Flash System Quiz and other agreements.</a>
<p></p>
Webmaster: <a href="http://members.shaw.ca/mufc/">http://members.shaw.ca/mufc/</a>
<p></p>
<a href="mailto:mufc@shaw.ca">EMail</a>
</div>
<div id="footer">
<h1></h1>
</div>
</div>
</body>

</html>

[code]
alpha.htm
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<link href="styles.css" rel="stylesheet" type="text/css" media="Screen"/>
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>
<link media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="android.css" type="text/css" rel="stylesheet" />
<!--[if IEMobile]>
<link rel="stylesheet" type="text/css" href="phone.css" media="screen" />
<![endif]-->
</head>
<body>
<div id="container">
<div id="banner">
<h1></h1>
</div>
<div id="menu">
<ul>

<li><a href="http://members.shaw.ca/mufc/index.htm">Main Page</a></li>
<li><a href="index2.htm">Learn Bridge Base </a></li>
<li><a href="http://members.shaw.ca/mufc/index3.htm">Protect Your Computer </a></li>
</ul>
</div>

<div id="content">

<a href="abc.htm">ABC responses to Weak 2</a>
<p></p>
<a href="acol2.htm">ACOL 2 Bids</a>
<p></p>
<a href="ACOL3NT.htm">ACOL 3NT Opener</a>
<p></p>
<a href="ACOL4nt.htm">ACOL 4NT Opener</a>
<p></p>
<a href="Ambiguous Diamond.pdf">Ambiguos Diamond by Marvin French</a>
<p></p>
<a href="antiflannery.htm">Anti-Flannery</a>
<p></p>
<a href="Albarran.htm">Albarran</a>
<p></p>
<a href="Aspro.htm">Aspro</a>
<p></p>
<a href="astro.htm">Astro</a>
<p></p>
<a href="august2d.htm">August 2D (variation of two-way Stayman over 1NT) </a>
<p></p>
<a href="Baby%20Blckwd.htm">Baby Blackwood</a>
<p></p>
<a href="Baron.htm">Baron</a>
<p></p>
<a href="baronnt.htm">Baron Version 2</a>
<p></p>
<a href="Becker.htm">Becker</a>
<p></p>
<a href="Benj2s.htm">Benjamin 2 Bids</a>
<p></p>
<a href="bergen%20drury.htm">Bergen Drury</a>
<p></p>
<a href="BERGEN%20RAISES.htm">Bergen Raises</a>
<p></p>
<a href="bs.htm">Bergen Splinters</a>
<p></p>
<a href="strongclub.htm">Big Club</a>
<p></p>
<a href="dtbc.htm">Big Club(defense) </a>
<p></p>
<a href="dtsab.htm">Big Club(another defense) </a>
<p></p>
<a href="blackwood.htm">Blackwood</a>
<p></p>
<a href="BlueClubBook.pdf">Blue Club Calgary Casual Style by Alex Knox</a>
<p></p>
<a href="brozel.htm">Brozel</a>
<p></p>
<a href="brb.htm">Brozel Rescue Bids</a>
<p></p>
<a href="capp.htm">Cappelletti</a>
<p></p>
<a href="Casino.htm">Casino</a>
<p></p>
<a href="chacha.html">Cha Cha</a>
<p></p>
<a href="Judyrelays.htm">Chapman Relays</a>
<p></p>
<a href="Checkback%20Stayman.htm">Checkback Stayman</a>
<p></p>
<a href="2%20way%20Checkback.htm">2 Way Checkback Stayman</a>
<p></p>
<a href="2ntcheck.htm">Checkback after jump to 2NT</a>
<p></p>
<a href="Comic.htm">Comic NT</a>
<p></p>
<a href="confi.htm">Confi(Controls/Fit by Rosenkrantz..bid slams with 2 balanced hands)</a>
<p></p>
<a href="cr.htm">Constructive Raises</a>
<p></p>
<a href="crash1nt.htm">Crash</a>
<p></p>
<a href="crash2c.htm">Crash over 2 Clubs</a>
<p></p>
<a href="CRASHDAK.htm">CrashDak by Drew Cannell</a>
<p></p>
<a href="criss%20cross.htm">Criss Cross/Flip Flop</a>
<p></p>
<a href="cue%20limit.htm">Cuebid shows Limit Raise or better</a>
<p></p>
<a href="DANN AND DAN.pdf">Dan and Dan's Ultimate System</a>
<p></p>
<a href="dont.htm">DONT</a>
<p></p>
<a href="double%20barrelled%20stayman.htm">Double Barrelled Stayman</a>
<p></p>
<a href="dopi%20ropi.htm">DOPI/ROPI</a>
<p></p>
<a href="drury.htm">Drury</a>
<p></p>
<a href="dsip.htm">D.S.I.P Doubles(Bob Crosby) </a>
<p></p>
<a href="dutch%202h.htm">Dutch 2 Hearts</a>
<p></p>
<a href="dtd2b.htm">Dutch 2 bids ( defense )</a>
<p></p>
<a href="Dyna.htm">Dynamic NT</a>
<p></p>
<a href="ekren%202d.htm">Ekren 2 Diamonds</a>
<p></p>
<a href="excblkw.html">Exclusion Blackwood</a>
<p></p>
<a href="First%20and%20second%20round%20controls.htm">First and Second round controls</a>
<p></p>
<a href="Fishbein.htm">Fishbein</a>
<p></p>
<a href="fsj.htm">Fit Showing Jumps</a>
<p></p>
<a href="Flannery.htm">Flannery</a>
<p></p>
<a href="criss%20cross.htm">Flip Flop/Criss Cross</a>
<p></p>
<a href="Improving the Forcing Notrump.pdf">Forcing NT (Perry Khakhar)</a>
<p></p>
<a href="Fpass.htm">Forcing Pass</a>
<p></p>
<a href="2D%20Stayman.htm">Forcing Stayman</a>
<p></p>
<a href="foster.htm">Foster Echo</a>
<p></p>
<a href="fsf.htm">Fourth Suit Forcing</a>
<p></p>
<a href="foursuit.htm">Four suit Transfers</a>
<p></p>
<a href="fms.htm">Fruit Machine Swiss</a>
<p></p>
<a href="gamb.htm">Gambling 3NT</a>
<p></p>
<a href="garbage.htm">Garbage Stayman</a>
<p></p>
<a href="Gazzilli.htm">Gazzilli</a>
<p></p>
<a href="gerber.htm">Gerber</a>
<p></p>
<a href="Ghestem.htm">Ghestem 2 suited Overcalls</a>
<p></p>
<a href="Good Bad 2NT.htm">Good Bad 2NT</a>
<p></p>
<a href="gsf.htm">Grand Slam Force</a>
<p></p>
<a href="gran.htm">Granovetter interference over 1NT</a>
<p></p>
<a href="hello.htm">Hello</a>
<p></p>
<a href="hdt1ntd.htm">Helvig defense to 1NT doubled</a>
<p></p>
<a href="idak.htm">IDAK (RHO opens or responds to an artificial club opening)</a>
<p></p>
<a href="ingberman.htm">Ingberman over Reverses</a>
<p></p>
<a href="Inverted Majors.htm">Inverted Majors by Perry Khakhar</a>
<p></p>
<a href="Inverted minors - Kokish.htm">Inverted Minors (Kokish)</a>
<p></p>
<a href="Inverted Minors.htm">Inverted Minors (Bob Crosby)</a>
<p></p>
<a href="im.htm">Inverted Minors</a>
<p></p>
<a href="is.htm">Inverted Swiss</a>
<p></p>
<a href="Invisible%20Cuebid.htm">Invisible Cuebids</a>
<p></p>
<a href="ijo.htm">Intermediate Jump Overcalls</a>
<p></p>
<a href="jac2n.htm">Jacoby 2NT</a>
<p></p>
<a href="imp2nt.htm">Jacoby 2NT, Improving by Bob Crosby</a>
<p></p>
<a href="jpab.htm">Jannersten Precision asking bids</a>
<p></p>
<a href="jordan%202nt.htm">Jordan 2NT</a>
<p></p>
<a href="Josephine.htm">Josephine 5NT</a>
<p></p>
<a href="Journalist.htm">Journalist Leads</a>
<p></p>
<a href="Judyrelays.htm">Judy Relays</a>
<p></p>
<a href="jumprev.htm">Jump Reverse by opener</a>
<p></p>
<a href="2n3s.htm">Kantar Minor Suit Slam Try over 2NT</a>
<p></p>
<a href="kickback.htm">Kickback</a>
<p></p>
<a href="kokish.htm">Kokish game tries</a>
<p></p>
<a href="krbob.htm">Kokish Rebids After 1D</a>
<p></p>
<a href="KokishRelays.htm">Kokish RelaysAfter 2C Opener </a>
<p></p>
<a href="kokishrelays2c.htm">Kokish Relays (Another Version)</a>
<p></p>
<a href="2C Relays.htm">Kokish Relays Modified</a>
<p></p>
<a href="landy.htm">Landy</a>
<p></p>
<a href="lgt.htm">Land's Game Try</a>
<p></p>
<a href="Lawrence Doubles.htm">Lawrence Doubles</a>
<p></p>
<a href="3rdn5th.htm">Leads (3rd and 5th)</a>
<p></p>
<a href="leap.htm">Leaping Michaels</a>
<p></p>
<a href="leb.htm">Lebensohl</a>
<p></p>
<a href="Extended Lebensohl.htm">Lebensohl Extended by Bob Crosby </a>
<p></p>
<a href="lebrev.htm">Lebensohl over a Reverse</a>
<p></p>
<a href="lebw2.htm">Lebensohl over Weak 2's</a>
<p></p>
<a href="mf2b.htm">Marvin's French 2 bids</a>
<p></p>
<a href="maximal.htm">Maximal Doubles</a>
<p></p>
<a href="maxi%20raise.htm">Maxi Raise</a>
<p></p>
<a href="maxi%20roman.htm">Maxi Roman</a>
<p></p>
<a href="bcmr.htm">Maxi Roman Blue Club</a>
<p></p>
<a href="Maxi.pdf">Maxi Roman Blue Club Calgary Casual Style by Alex Knox</a>
<p></p>
<a href="McCabe.htm">McCabe</a>
<p></p>
<a href="meck.htm">Meckwell</a>
<p></p>
<a href="mexican%202d.htm">Mexican 2D</a>
<p></p>
<a href="mini%20roman.htm">Mini Roman</a>
<p></p>
<a href="ms.htm">Mini Splinter</a>
<p></p>
<a href="minorkeycard.htm">Minor suit Keycard</a>
<p></p>
<a href="modm.htm">Modified Muiderberg</a>
<p></p>
<a href="modogust.htm">Modified Ogust</a>
<p></p>
<a href="suction2.htm">Modified Suction</a>
<p></p>
<a href="m2ws.htm">Modified Two-way Stayman</a>
<p></p>
<a href="montreal.htm">Montreal Relay</a>
<p></p>
<a href="Moscow.htm">Moscow Rescue from 1NT doubled</a>
<p></p>
<a href="Muiderberg.htm">Muiderberg</a>
<p></p>
<a href="m2d.htm">Multi 2D</a> <a href="m2d.htm">Weak Major/2NT/Strong 4441</a>
<p></p>
<a href="sm2d.htm">Multi 2D</a> <a href="sm2d.htm">Simplified</a>
<p></p>
<a href="ryall2D.htm">Multi 2D</a> <a href="ryall2D.htm">Ryall/Rigal</a>
<p></p>
<a href="dixondef.htm">Multi 2D</a> <a href="dixondef.htm">Defence (Dixon)</a>
<p></p>
<a href="kdm2d.htm">Multi 2D</a> <a href="kdm2d.htm">Defence (Kleinman)</a>
<p></p>
<a href="dm2d.htm">Multi 2D</a> <a href="dm2d.htm">Defence (Schogger)</a>
<p></p>
<a href="Muppet.htm">Muppet Stayman</a>
<p></p>
<a href="nagy.htm">Nagy Game Tries</a>
<p></p>
<a href="Namyats.htm">Namyats</a>
<p></p>
<a href="nfb.htm">Negative Free Bids</a>
<p></p>
<a href="nmf.htm">New Minor Forcing</a>
<p></p>
<a href="Niemeijer-over-2NT.htm">Niemeijer over 2NT</a>
<p></p>
<a href="Obvious%20Shift.htm">Obvious Shift</a>
<p></p>
<a href="modogust.htm">Ogust , Modified</a>
<p></p>
<a href="weak.htm">Ogust ,</a><a href="w2bnp.htm"> (Nick &amp; Peter)</a>
<p></p>
<a href="zia.htm">Ogust (Zia)</a>
<p></p>
<a href="3rdn5th.htm">Opening Leads (3rd and 5th)</a>
<p></p>
<a href="ou2nt.htm">Over Under 2NT</a>
<p></p>
<a href="Pin.htm">Pinpoint Astro</a>
<p></p>
<a href="polish%202d.htm">Polish 2D</a>
<p></p>
<a href="MacHart.htm">Precision(McDonald + Leppard) </a>
<p></p>
<a href="Presc.htm">Precision (Berkowitz)</a>
<p></p>
<a href="weak.htm">Pre-empts</a>
<p></p>
<a href="puppet.htm">Puppet Stayman</a>
<p></p>
<a href="RespDouble.htm">Responsive Double</a>
<p></p>
<a href="rev drury.htm">Reverse Drury</a>
<p></p>
<a href="romex%20drury.htm">Reverse Romex Drury</a>
<p></p>
<a href="ripstra.htm">Ripstra</a>
<p></p>
<a href="roman%20jumps.htm">Roman Jumps</a>
<p></p>
<a href="RomexStaymanNT.htm">Romex Stayman over 2NT Opener</a>
<p></p>
<a href="RKC%20Blackwood.htm">RKC Blackwood</a>
<p></p>
<a href="ssabob.htm">RKC Blackwood Specific Suit Asks</a>
<p></p>
<a href="roman%202d.htm">Roman 2D</a>
<p></p>
<a href="roman%202d%20another%20version.htm">Roman 2D version 2</a>
<p></p>
<a href="rosenkrantz.htm">Rosenkrantz Double and Redouble</a>
<p></p>
<a href="Roudi.htm">Roudi</a>
<p></p>
<a href="Rule of 20.htm">Rule of Twenty</a>
<p></p>
<a href="r26.htm">Rule of Twenty Six</a>
<p></p>
<a href="Rusleads.htm">Rusinow Leads</a>
<p></p>
<a href="sandnt.html">Sandwich NT</a>
<p></p>
<a href="scrambling.htm">Scrambling 2NT</a>
<p></p>
<a href="ser3n.htm">Serious 3NT</a>
<p></p>
<a href="smith echo.htm">Smith Echo</a>
<p></p>
<a href="smolen.htm">Smolen</a>
<p></p>
<a href="Snap.htm">Snap Dragon Doubles</a>
<p></p>
<a href="Soloff.htm">Soloff over 2NT</a>
<p></p>
<a href="soloway%20jump%20shifts.htm">Soloway Jump Shifts</a>
<p></p>
<a href="sparts.htm">Sparts Convention</a>
<p></p>
<a href="Special Keycard.htm">Special Keycard over Preempts</a>
<p></p>
<a href="splinterdoubles.htm">Splinter Doubles</a>
<p></p>
<a href="sayc.htm">Standard American Yellow Card (SAYC)</a>
<p></p>
<a href="Stenberg.htm">Stenberg (Alternative to Jacoby 2NT)</a>
<p></p>
<a href="Step2c.htm">Step Responses to 2C</a>
<p></p>
<a href="Stolen Bids.htm">Stolen Bids</a>
<p></p>
<a href="strongclub.htm">Strong Club</a>
<p></p>
<a href="dtbc.htm">Strong Club(a defense) </a>
<p></p>
<a href="dtsab.htm">Strong Club (another defense)</a>
<p></p>
<a href="twoclub.htm">Strong 2C</a>
<p></p>
<a href="2sui2c.htm">Strong 2C with 2 suited hands </a>
<p></p>
<a href="2cneg.htm">Strong 2C (Negative Responses)</a>
<p></p>
<a href="smr.htm">Submarine Mini Roman</a>
<p></p>
<a href="suction.htm">Suction</a>
<p></p>
<a href="suction2.htm">Suction , Modified</a>
<p></p>
<a href="superconfi.htm">Super Confi(bid Grand Slams with 2 balanced hands) </a>
<p></p>
<a href="sg.htm">Super Gerber</a>
<p></p>
<a href="suppx.htm">Support Doubles/Redoubles</a>
<p></p>
<a href="tartan2.htm">Tartan Two's</a>
<p></p>
<a href="texas.htm">Texas Transfers</a>
<p></p>
<a href="2nt%20preempt.htm">2NT pre-empt</a>
<p></p>
<a href="tutp.htm">2 under transfer pre-empt</a>
<p></p>
<a href="2wayrev.htm">2 Way Reverse Drury</a>
<p></p>
<a href="unvmichaels.htm">Unusual v Michaels</a>
<p></p>
<a href="unusvunus.htm">Unusual v Unusual</a>
<p></p>
<a href="walsh.htm">Walsh Double Relays</a>
<p></p>
<a href="walsh1club.htm">Walsh responses to 1 Club</a>
<p></p>
<a href="washington.htm">Washington Standard</a>
<p></p>
<a href="10 to12 weaknt.htm">Weak NT 10-12</a>
<p></p>
<a href="11-14nt.htm">Weak NT 11-14 by Perry Khakhar</a>
<p></p>
<a href="weak2.htm">Weak 2 Bids</a>
<p></p>
<a href="Weissberger.htm">Weissberger</a>
<p></p>
<a href="wcue.htm">Western Cue</a>
<p></p>
<a href="woodgroves%20multi%202d.htm">Woodgroves Multi 2D</a>
<p></p>
<a href="Woodgroves%202%20club.htm">Woodgroves 2C</a>
<p></p>
<a href="Woodson.htm">Woodson 2 way NT</a>
<p></p>
<a href="wolff.htm">Wolfe Sign Off</a>
<p></p>
<a href="woolsey.htm">Woolsey</a>
<p></p>
<a href="http://www.members.shaw.ca/conventions/Laura/"></a>Webmaster: <a href="http://members.shaw.ca/mufc/">http://members.shaw.ca/mufc/</a>
<p></p>
<a href="mailto:mufc@shaw.ca">EMail</a>
</div>
<div id="footer">
<h1></h1>
</div>
</div>
</body>

</html>

styles.css
[code]
body
{
margin: 0;
padding: 0;
font-family: georgia, times, "times new roman", serif;
color: #000;
background-color: Red;
font-size: 100%; /* font-size 1em = 16px */

}

#container
{
margin: 1em 5%;
background-color: #FFF;

}

#banner
{
background-color: white;
border-bottom: 5px solid red;
background-image: url(right.png);
background-position: left;
background-repeat: no-repeat;
height: 157px;
}

#banner h1
{
margin: 0;
padding: .5em;
background-image: url(left.png);
background-position: right;
background-repeat: no-repeat;
height: 140px;
}


#content
{
padding-top: 1em;
margin: 0 2em 0 20px;
}

#content h2 { margin-top: 0; }

#content a {
font-size:1.125em
}
#footer
{
clear: both;
background-color: white;
background-image: url(splat.png);
background-position: left;
background-repeat: no-repeat;
padding: 1em;
text-align: right;
border-top: 5px solid red;
height: 50px;
}

#footer h1
{
margin: 0;
padding: .5em;
background-image: url(splat2.png);
background-position: right;
background-repeat: no-repeat;
height: 30px;
}

#menu li {
list-style: none;
display: inline;

}
#menu ul {
list-style: none; /* removes list marker */
padding: 0px; /* removes left indent */
margin: 0px;
border-top: 2px solid Black;
}


#menu a {
color: white;
background-color: red;
text-decoration: none;
border-bottom: 2px solid Black;
border-left: 2px solid Black;
border-right: 2px solid Black;
padding: 2px;
font-size: 1.125em; /* equals 18px */
}

#menu a:active, #menu a:hover {
color: red;
background-color: White;
text-decoration: none;
}
[code]
android.css
[code]
/* Remove unwanted elements */

html, body {
font: 16px/19px sans-serif;
/* I have tried font-size: 100%; /* font-size 1em = 16px */
background: #fff;
padding: 3px;
color: #000;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
#nav, #banner, #menu, #footer, .noprint
{
display: none;
}

/* Ensure the content spans the full width */
#content
{
width: 100%; margin: 0 2px; float: none;
}
#content ul {
list-style:disc;
margin-left:50px;
}
#content ul li {
padding-left:0px;
background:none;
}
/* end print */

[code]