Anchor Tag killing my CSS

Posted on 2008-11-06
Last Modified: 2010-04-09
I have an  Anchor Tag  which move the user further down the screen. However when this happens I loose all my css.

is it because my url has been changed from audit to audit.aspx/#registerd
Question by:Mr_Shaw
    LVL 3

    Expert Comment

    Could you post the url of the example? I'm thinking it's your markup at fault rather than audit.aspx/#registerd it should be audit.aspx#registerd - ie you've got a slash in there that shouldn't be there?

    Author Comment

    I am sorry that I can not post the URL  as it is an internal web site.

    You were right about the slash.

    My problem now is that the page is not scrolling down to the anchor.

    my anchor is written as

    <a href="#records"></a>

    I have also written out my link in full

              <a href="http://localhost:1833/bluehaze/portal/audit/audit.aspx#records">

    I will be ugrading from local host to a proper domain when everything works!
    LVL 44

    Accepted Solution

    "I will be ugrading from local host to a proper domain when everything works!"

    When you do that, it will work.  IE and direct links to inpage anchors doesn't work that well all the time, especially when you are on a local host and not the internet.  Put the page up on the internet and see !!!

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Suggested Solutions

    This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
    In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now