Comments on: Guide to classes and id’s in HTML & CSS

By: Create a basic layout using HTML & CSS « James Tombs

Create a basic layout using HTML & CSS « James Tombs — Fri, 02 Apr 2010 13:52:23 +0000

[...] on from the Guide to classes and ids in HTML and CSS, we will create this basic 2 column [...]

By: Sven

Sven — Fri, 19 Feb 2010 22:28:07 +0000

In case somebody googles this page for solution to the same problem: the anchors are now working fine (thanks to James) but there is a huge empty space below the footer.

It seems that a lot of people out there also have the same problem, but I can find no complete fix.

Maybe the best thing to do is to upgrade the whole CSS completely?

By: Sven

Sven — Thu, 18 Feb 2010 23:28:27 +0000

@James

Oh, this is GREAT, it works now! Thank you so much for taking time to solve this mystery for me. Appreciate it.

Now I just hope that I do not break anything by removing it from my CSS ;)

NB
I have subscribed to your RSS so “I’ll be back”

By: admin

admin — Thu, 18 Feb 2010 18:11:02 +0000

@Sven, I have had this problem before. In your CSS file “stil3.css” you need to remove the overflow: hidden; line from #wrapper (line 142).

By: Sven

Sven — Thu, 18 Feb 2010 16:37:45 +0000

@James

Thank you for taking the time to reply.

I surely have made an error with CSS, but I do not know where. My CSS “template” look like this (and the anchor are in the main part:

+++++++++++++++++++++++++++++++++++++++++++++
+ TOP +
+++++++++++++++++++++++++++++++++++++++++++++
+ TOP 2 +
+++++++++++++++++++++++++++++++++++++++++++++
+ + + +
+ + + +
+ MAIN + LEFT + RIGHT +
+ + + +
+ + + +
+++++++++++++++++++++++++++++++++++++++++++++
+ FOOTER +
+++++++++++++++++++++++++++++++++++++++++++++

If you or someone else want to take a look and point me in th right direction, the site is here (I don’t want to “spam” your site so I have added an extra space):
knut .com/lover_og_regler/barneloven.html

By: admin

admin — Thu, 18 Feb 2010 09:21:47 +0000

@Sven, when using anchors the page will scroll to the ID defined in the URI. If the scrollbar isn’t showing up properly and you are losing everything above it, there is something wrong with your CSS.

By: Sven

Sven — Wed, 17 Feb 2010 11:07:07 +0000

Thanks for sharing you knowledge on CSS.

I have a site with a CSS “template”, but it does not work well with “a name” tags. If the page is called like this “http://mysite.com/index.php#section4″ then everything before that is cut of and the section is “lifted” to the top. I have tried with “div id”, but with no luck.

It is very annoying and ruins the site :(
Any suggestions on what I can do to fix this?
Any help would be greatly appreciated.