Hello everyone this is my first time posting. I have found this forum very valuable when creating my first real website and didn’t know how to SEO it correctly. Now I am running into another problem and I would appreciate it if somebody with some knowledge will share it with me! I created this website about a month ago and everything was going great until I looked at my website with my iphone and the frames were all messed up. Can somebody tell me what to do? I would also appreciate it if somebody who uses firefox or any other browser can comment and tell me how it looks? Thank you very much! www.ielift.com
Fix the errors and see where that takes you. If it doesn't fix it, let us know Safari uses Webkit, so that means your site is most likely having the same errors in other webkit based browsers.
I looked at it in Firefox and it looked a little off (like map on bottom being partway in content box and partway out. Looking at your HTML source, you're using like it's going out of style. On one line, there's like 23 in a row. Rather than do this and cause issues, use CSS to control where you want things placed. Also, your CSS is crazy. First of all, you need to close your command with a ";" or it's going to create problems. For instance, you have "POSITION: relative" at the end of a few ids and it should be: "POSITION: relative;" -- so change that. Also, you're trying to position something using 3 different measurements (all wrong anyway). Your code: PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0.8em; Use pixels (px) and you don't need to write out all this. Let's imagine that you want your bottom padding to be 10px. USE: padding: 0px 0px 10px 0px; See how clean that is? For reference, it goes just like a clock: Top, Right, Bottom, Left Here's more dirty code in your design: <p style="text-align: center"> </p> <p style="text-align: center"> </p> <p style="text-align: center"> </p> <p style="text-align: center"> </div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p> </a></p> Code (markup): You're closing a <p> with a </div>, there's a random </a> and </p> at the end, there's a font style for no apparent reason, there's 5 lines of <p>s for no reason. So, start by fixing the CSS and then proceed to remove all the pointless HTML.
awsome information thank you very much. on the other side i dont fully understand what your saying but im getting that my html is really really messy. I can do a little html not too good at it though, im going to try to do some things to it and follow your advice and ill upload it when im finished.
Yeah, if you're just learning, it will be a process. I don't know what tools you're using but Dreamweaver (there's a 30-day trial if you haven't tried it yet) does a pretty solid job with coding WYSIWYG. Basically, you'll want to read up on some CSS basics a little.
Ok, version 2 of the website is up and running. I would appreciate if some safari people and firefox can please comment on how it looks! Thank you very much
In the subscribe box get ride of your <p> tag and throw a couple page breaks <br /> after the form and it will give better spacing in IE over your next box.
You don't need to use BRs really. Put your text in a <p> wrap and then use your padding (or margin) to adjust it accordingly. It's cleaner and lends itself to quick modifications in the future. However, if it's your own site and whatever you do gets the job done safely, it's all good. I noticed you have {margin:0;} all over the place in your CSS. Don't want to break whatever you're doing, but if you wanted to zero-out everything and make things cleaner, you could put this at the start of your CSS file: * { margin:0; padding:0; } Code (markup):