Log in

View Full Version : Working with CSS layout



Benjamin
02-27-2007, 10:28 PM
http://benjaminbruce.us/en/index.php

I used one of the CSS Drive layouts on the page above (as well as a CSS menu), and although I've mostly been able to figure it out, I have a couple of questions:


The footer has space between it and the main container. I did have this lined up but how do I fix it now? I just want the black to be touching the papyrus and I'm not sure how to do it.
The right edge of the whole layout is out of line. Which element do I need to tweak to fix this? I want a black line along the right side as there is on the left.


Thanks for your help! I think I'm getting a little more proficient in CSS now.

Benjamin
03-05-2007, 11:23 PM
Could somebody please help me with this? If you have any ideas of something I could do to improve my layout to make it look like I want it to, please let me know!

I have been able to figure out some things, and in Firefox it looks great except for div #footer, which has space between it and the #contentwrapper div. What can I do to stick these two div containers together?

Also, although my page looks good in Firefox, IE 7 is giving me problems by not displaying the outlines around the three divs #menubar, #contentwrapper, and #footer. What can I do to work around this to make the design compatible with IE?

Thank you very much; I hope to get some replies.

blueflowers
03-07-2007, 08:18 PM
Div.Footer space, you have no explicitly set margins, this will help so do so on that container the container above

if that fails, I suggest you use position: relative; and bump it up

for IE use conditional comments to set 'new' styles to overwrite your existing styles for IE only.

http://www.quirksmode.org/css/condcom.html

it's probably not displaying the borders around the elements cause of your padding/margins, look at this and that will help you.

is a good article...

Benjamin
03-11-2007, 01:47 AM
Thanks for your help; I was finally able to get it to work by putting the footer within the main div container, and then making the whole thing relatively positioned.

The article about conditional comments is very interesting; I'll have to try that sometime if there's no other way around something.