MegaSack DRAW - This year's winner is user - rgwb
We will be in touch
Putting together a simple website for a driving school, and for some reason in IE the styling on one of the pages goes wonky... On all the others it's fine. Anyone care to have a quick look and suggest what I'm doing wrong?
http://www.weltondrivertraining.co.uk/contact.html
Works fine in Chrome and FF but not in IE 7.
Looks fine in Safari 5- by the way.
Nothing to do with the styling but you want to lose the apostrophe in "Under 17's" though 🙂
Haha, well spotted! That's what I get for blindly copying and pasting...
I'm pretty sure it's IE being weird, it works in everything else... Just can't figure out WHY it's doing it!
Broken in IE8 too.
Just waiting for Visual Web Developer to load and I'll see if I can see what's wrong.
goes a bit odd in IE8 too - everything left justified bar the phone numbers and the links directly underneath.
Gaaah, too slow 😳
Although, the home page has everything located slightly to the right of the other pagess too.
i'm no expert but could be something to do with padding. i'm kinda trail & error when it comes to html, have a google & see if something works if not try again!
I do love it when that happens, fine on all pages and no dought you just copied and pasted each page to keep the same style etc. Shall have a look when I get home but I'm guessing its something to do with the form elements perhaps set them to a width in the CSS? Only basing this on the fact no other page has a form element in it.
<input type="text" name="Telephone_Number" id="Telephone_Number" maxlength="100" style="width:250px">
All the input tags and the 'script' tag fail validation as the element should be closed:
<input type="text" name="Telephone_Number" id="Telephone_Number" maxlength="100" style="width:250px" />
Textarea has no 'rows' attribute.
Unlikely to cause the problem I should have thought, but the strangest things can throw stuff out of kilter...
Home page and other pages line up fine for me in IE8
If you want to email me your stylesheet let me know and I'll post my email address here.
Item 7 on this page might be of some use;
http://www.webcredible.co.uk/user-friendly-resources/css/css-tricks.shtml
Home is still slightly to the right of the others, but only when viewed on Chrome with the browser maximised. FF/IE are fine.
Alignment on first page being different to the rest is because of the scroll bar - anyone ever found a way around this?
Jumps in Opera for me as the home page is the only page that doesn't have a scrollbar. Also, whilst the form is ok in Opera the page has more spacing at the top, causing the page to appear to jump down when you open it. Only does it in Opera as far as I can see!
I seem to have uninstalled Safari...
JulianA - MemberAlignment on first page being different to the rest is because of the scroll bar - anyone ever found a way around this?
Only to use a bit of CSS to force a scroll bar to be shown on pages that don't need it, but that's a bit of a bodge.
@ verses - yeah, wondered about that. It's the only way I can see of doing it. What's the css? Something like scroll: vertical; in the body section of the stylesheet?
Can't remember exactly what I've used in the past, but I just found this on Google and it seems familiar;
html
{
overflow-y: scroll;
}
I'm no expert but if you look at your line in the source code where you define the style sheet the end of the code on the "Contact" page is closed differently.
On the home page the line is closed "href="styles.css" />" but on the contact page it is closed " href="styles.css">" to me you seem to have missed out the / in the end of the line. It might however have nothing to do with this but might be worth trying!!!
Right, you see all that comment you have at the top of your source code....
[code]<!--
// URL: www.freecontactform.com
// Version: FreeContactForm Lite V1.0
// Copyright (c) 2009 Stuart Cochrane <stuartc1@gmail.com>
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
-->[/code]
Try taking that out, save the page, and then look. OK?
SB
PS - If you really want to include that comment, put it inside the HTML
sweet lord don't use your plain text email address in a comment - it'll bring you mountains of trawled spam!!
Well the website looks fixed to me - it would be nice to know what fixed it since we've all pitched in to help!
(But it still says "Under 17's" - under 17's what's, I wonder? Is this a site for barely legal pics?) 👿
Well if we don't get a reply that's flyingmonkeycorps off my 'help' list. And I shan't be learning to drive with 'Welton Driving School' or whatever it was!
Sorry for the late reply dudes - I made the change last night on my Mac at home in a massive rush, haven't had chance to actually check it in IE till I got to work this morning.
BIG thanks to all who helped, it's very much appreciated and has made my life a lot easier (and possibly my hair last a little bit longer) - it was the comment that was causing the problem. The grammatical errors will be rectified as soon as I have the time.
Cheers again, I'll buy y'all a beer if I bump into you on the trails 😀
Glad you got it fixed flyingmonkeycorps - interesting that it was the comment that broke it. Looks fine now - good luck with it.
It still needs a bit of tweaking, but it's getting there... Cheers again 🙂
