I have this issue I need to resolve.
I have this page
If you scroll down you will see that the pink coloured box is inside the main content box. It is my footer and i want it to appear below the main content box. Somethisn like the design on
Any help? Shouldn't take long for you CSS gurus.
Thanks in advance guys. I'm off to walk home and brave the nasty Finland winter.
Hey, I found a lot of CSS
I found a lot of CSS and HTML validation errors.
I rectified most of them. There are still 50 errors in the HTML. This is due to the two lines of JS in line 220 and 225. If you delete those lines. It validates just fine. I tried everything i could to fix this but it refuses to validate the JS snippet. Any help? As for the CSS, it has a couple of minute errors and most of them are for the -mozoutline atrtribute and the opacity attribute which i do need for use with my moo.fx JS library. That shouldn't be and issue.
I tried placing the footer div outside the content and all sorts of places but it doesn't work. need to solve this ASAP. i hope you guys manage helping me out.
Quote:Error Line 220,
Error Line 220, Column 75: document type does not allow element "div" here.
That sounds like a pretty big issue if you're trying to get a CSS layout to work
Okay. It validates now. I
Okay. It validates now. I commented out the JS. Could you please take a look now.
The footer is where it
The footer is where it should. See attached image.
Move the footer out of #content.
Look at the source. The
Look at the source. The footer div is outside the content div. But the DOM still shows it as inside the content. Please see the page source.
Have you moved/deleted the
Have you moved/deleted the page?
Page not found
The page you are looking for might have been removed,
had its name changed, or is temporarily unavailable.
Please try the following:
If you typed the page address in the Address bar, make sure that it is spelled correctly.
- Click the Back button in your browser to try another link.
- Use a search engine like Google to look for information on the Internet.
HTTP 404 - File not found
First, some suggestions:
Don't bump the thread. Six hours is not enough time to allow an international forum to respond. My post requesting a good link was at 2:30AM my time. I went to bed. Even now, it's only ten hours later.
When formatting your code, convert tabs to spaces (2 or 3 spaces per tab) before saving. Too many source viewers tab eight spaces. Even a few nested levels means the lines start 50%+ across the window. If your editor won't do that, use HTMLTidy to pretty print the code.
Now, to the issue:
Your #footer is a child of div.spacing and sibling to #thumbdisplay. Div.spacing is already nested five deep below <body>.
And, that is looking at the source.
hey kk5st, i checked the
i checked the code throughly in Dreamweaver, even revalidated it and tidied it. I can't see what you're talking about. All the divs have been closed properly. There is the
COuld you just modify the HTML and show me. I have checked and checked and checked but i still can't figure it out.
Move the 4 closing div
Move the 4 closing div before </body> before the page footer comment.
You should the have 5 closing div between the gallery comment and the footer comment :
and 3 closing div before the end of body:
Doesn't seem to work or i
Doesn't seem to work or i cant understand.
I have three closing divs before the end of body but i have no clue what you mean 5 closing divs between the start of gallery and start of footer. I have a dozen divs inside it and all are 'closed'. My code even validates just fine which means i have a blanced number of open divs and closed divs. Can anyone just modify the source and send it to me. It would be mch simpler and I would be able to understand where exactly i'm going wrong. With code snippets this discussion seems to be going nowhere. After every reply I feel I'm back to sqaure one!
Look at the structure
That your markup is valid does not imply that your structure is what you want. The point is that your footer is nested within wrapper⇒content⇒gallery⇒clear⇒spacing.
It is my thought that you want it as a child of content rather than as the great-great-grand-child.
ps. Configure Tidy to convert tabs to two spaces, re-run it against your source and upload the cleaned up source. Following the indentions forty or fifty spaces across is entirely too much effort. --g
Hi, <body> <div
The above code is from the HTML file. i removed all the useless stuff and left only the DIV's for reference. My footer is onyl nested in the wrapper. How did you see that my footer is nested 5 levels deep. First is my header section, then is the content and then is the footer section. Then why does the footer appear withing the content even within the DOM layout. This topic seems even more complex than calculus. sorry guys, for being so stoopid.