Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Jun 2002
    Location
    Sydney Australia
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Unwanted floating of div over table.

    I was shocked to see that I joined this site in 2002! 10 years ago. Any other old farts in here?

    Anyway, I've forgotten a lot in that time and have a problem with my splash page. It has some kinda clever code that pushes the text off the screen to keep this entry page clean but gives it good text content and internal linking for ranking.

    I've just increased the image size and now I find that on ipads and reduced res screens the text is now overlapping the 100% table.

    Any ideas on how to force that text to remain outside of that table/div?

    This page: www.roberthague.com

    Cheers.

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    And splash pages went out about 2002 lol..sorry had to throw that out there.

    I dont have an ipad to check your site on, but I see your document does not have a valid doctype, along with just a couple more validation errors which you can see http://validator.w3.org/check?uri=ht...Inline&group=0.
    Teed

  • #3
    New Coder
    Join Date
    Jun 2002
    Location
    Sydney Australia
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    lol, too true. I'd scrap it but since it ranks well in it's categories I'm reluctant to change it.

    I'll add a doctype.

    If you look at it in chrome and shrink your window height, you'll see the text creep over the image.

    Cheers.
    PS what was this forum before it changed it's name? I was very active way back then (pre-2002).

  • #4
    New Coder
    Join Date
    Jun 2002
    Location
    Sydney Australia
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Well I dumped in a default doctype and it works. I must admit that I'm amazed that that was all I needed to do.

    It make me think that I should look over the whole site, as it's all over the place.

    Thanks so much for your help.


  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I would recommend using html 4.01 doctype.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    You dont seem to have a reason to use xhtml, and html 4.01 strict returns the least amount of errors for you to fix.
    Teed

  • Users who have thanked teedoff for this post:

    Araich (03-13-2012)

  • #6
    New Coder
    Join Date
    Jun 2002
    Location
    Sydney Australia
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    PS can anyone recommend a free css editor?

  • #7
    New Coder
    Join Date
    Jun 2002
    Location
    Sydney Australia
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    http://validator.w3.org/check?uri=ht...alidator%2F1.3

    Look at all of those errors! Have I got the right doctype there now?

  • #8
    New Coder
    Join Date
    Sep 2010
    Posts
    63
    Thanks
    1
    Thanked 2 Times in 2 Posts
    people should be trying to port over to html5, not stay in the stone age of html 4.1.

    By the way, any type of text-indent to push text off the page using css is frowned upon by the search engines and you can actually have your site banned from the search results for it. This is something Google caught onto when spammers would fill their pages with content and then push it off the page with css but still have it being read in the html source by the crawlers. Google doesn't like it because one it doesn't allow those using screen readers to get all the content someone not using one would. I would advise against using anything like this, unless you want to risk having your site banned.

  • #9
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by Johnb21 View Post
    people should be trying to port over to html5, not stay in the stone age of html 4.1.

    By the way, any type of text-indent to push text off the page using css is frowned upon by the search engines and you can actually have your site banned from the search results for it. This is something Google caught onto when spammers would fill their pages with content and then push it off the page with css but still have it being read in the html source by the crawlers. Google doesn't like it because one it doesn't allow those using screen readers to get all the content someone not using one would. I would advise against using anything like this, unless you want to risk having your site banned.
    Actually html 4.01 is still the most widely used AND cross browser supported standard in web today. HTML5 is great, but not yet fully supported, still in development, and therefore not the "official" standard yet.

    You can read more here.
    Teed

  • #10
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by Araich View Post
    http://validator.w3.org/check?uri=ht...alidator%2F1.3

    Look at all of those errors! Have I got the right doctype there now?
    If you need help with any of the errors, post them here and we can try to resolve them.
    Teed


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •