xhtml - When doing equal height columns in CSS, is there a way to get internal anchor links to still function correctly? -


I used the previous example for the equal height column on this page.

The problem is, when you click on the internal anchor link, the content is moved, and the top page of the overflow page is missing.

For example, click on this link

Then click on a letter to go to that section. You will see what I am describing.

Is there any way to deal with this, or is this a small step of technology? Do you suggest that I use background image technology for the wrong columns? I was not using it because one page has a different background, and this page will need to recreate the background.

Thank you

I actually use failed-secured incorrect column method I advise. If you are not a layout expert (no seriousness, seriously), stay away from padding / margin / overflow magic and a true layout technique. Later is elegant but if you can create a heavy JS / DOM manipulation and all the unwanted side effects (see).

As you have two overflow: hidden rules in your CSS:

  # main container {overflow: hidden; }  

and

  #content {overflow: hidden; }  

If you disable / delete these, you will be able to reuse your scrollbar again. Unfortunately the padding / negative margin "hack" will be visible. I advise you to completely remove this solution and use the incorrect column. The background of the wrong column can also be added to your # main content or # contact divas (not just as an example that sets the background tag on the body tag).

Good luck!

Update: Sorry, let me correct myself: To use the incorrect columns in your case, change the current background to html element It's better to set up and for the wrong background body element.


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -