Jump to content

CSS Question


Recommended Posts

I use Fireworks to design my webpages and then export to Dreamweaver for content. I'm still learning CSS and have a question/issue on a page.


On my homepage, http://www.bgoodin.com, the bottom div doesn't seem to want to extend to the bottom of the page. On my other pages, I have no problems; the bottom div extends to cover my footer. It just doesn't seem to want to cooperate on my index page.


If someone could let me know what is causing this, I would greatly appreciate it!




Link to comment
Share on other sites

I had a quick look but couldn't make much sense of it... it's just very messy, sorry... probably from the program you did the coding from with all those default div names.


If you have Firefox (if not, install it), install the 'firebug' extension and learn how to use it a little. It is great for seeing what's going on with your site. I had a quick look with firebug on the footer (index page), and could see the code you used to get the image for that div. But when I pasted the link to the image ("test/images/something.jpg") the browser wouldn't load up the image for me... just a stripped out version of your index page (just text), so I guess you have some funky javascript going on there.... which makes it hard to check if the image actually exists for me.


The html/css could be done alot better btw (great effort for your first time though), to make it easier to understand and also quicker to load and less error-prone and better looking. You have images going 1000 pixels wide, which could easily be just 20px wide and repeating horizontally (and vertically for that grey background image). Once you understand the css box model you'll get it and be able to plan things out better.

For the footer you should create a div just for that eg

copyright blah blah

in the html, and in the css have it auto-centred and with it's own background image or colour. That way it is much easier to put it in any page you want.


Best way to learn is read the tutorials/books and also look at the code of other websites (where firebug is excellent).

Link to comment
Share on other sites

The code definitely is interesting-looking. Is there any reason for this:

line-height: 119.99999682108562%;



It's always better to use class and ID names that have meaning - Div1 through 6 just isn't very descriptive. There is also no reason to wrap the entire page into form tags.

Link to comment
Share on other sites

I had used Fireworks for the design, exported to Dreamweaver. Both CS4. And that's what the result was.


I spent considerable time earlier in the week going back through the coding and making sense of it and arranging appropriately.




I noticed today that the logo div is not lined up correctly - I'll fix that tonight and put the rest of the pages into this format.


But the time spent was beneficial, as it helped me learn how divs work in CSS.


Thanks for the feedback and any additional feedback is appreciated!



Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...