Hi,
Both those pages are not showing any cut off on my real iphone5 or on the dev tools simulator.
This is what I see:
There is an issue with the bordered box at the bottom which is getting cut off when the black text sits on a black background. This is because you have floated the element and therefore the orange background of the parent no longer stretches around the floated element. There is no need to float 100% elements (unless it is for float containment but you have built in mechanisms for that anyway in the code). Remove the float from the bordered box.
You didn’t say what device you were checking on and I don’t have an android to test anyway but the chrome dev tools are showing it as ok. You may have an issue with cache perhaps as some mobiles take a while to clear the cache and render partial files for a while.
I also note that you have broken the doctype and that will trigger quirks mode which could have detrimental effects also. You have misplaced the doctype under the html element which will then trigger quirks mode.
The doctype should look like this (and I have also included the correct meta viewport for you to use).
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
Lastly I see that you have a missing closing div for the element here:
<div class="boxedtheme">
Work out where the closing div should be and add it as this could trip up any browser. Use the validator for your html and your css to fix any other errors.
This is not valid either.
<dl>
<dt>Write to us: <br>
PO Box 283, Norwich, NR18 8EU</dt>
<br>
<dt>Registered Office: <br>
1 Town Green, Wymondham, Norfolk, NR18 0PN</dt>
<br>
<dd><span>Telephone:</span> 03335 776654</dd>
<dd>E-mail: <a href="mailto@info@ybmortgages.co.uk">info@ybmortgages.co.uk</a></dd>
</dl>
The breaks aren’t allowed outside the ‘dt’. Just use css and set the dt to display:block and you can remove the breaks.
This is deprecated so don’t use it.
align="center"
Use css instead.
The following should not be in a page created this century.
<font color="black">
the font tag is deprecated aloing with the presentational attribute so use css instead which you could simply have applied to the existing strong element that you have in place.
Avoid inline styles as they make debugging and changing much harder.
style="border: 3px solid black"
None of the above may be the answer to your issue but until the above are all fixed we can’t be sure where to look next. Debugging in most cases is a process of eliminating errors and cutting down code until the answer reveals itself.
