CSS not affecting document properly, please help!

[natemorris1]

Hi, I have css affecting

and <hr>'s in my webpage document. It works correctly in one of my <div>'s, but not in another one. Any one have any ideas why?

Here's my code:

the css titled # content p and # content hr is my problem. It works in <div id="content">, but does not work in <div id="bottom"> my text is supposed to be padded 15px, and my <hr> is only supposed to be 480px, but they are not responding to this css.

Any ideas?

Thanks!

Code here:-
http://pastebin.webforumz.com//view.php?id=23

[edited by rob : Excessive code paste]

[Rob]

Hi Nate....

Firstly welcome to the forums....

I edited your above post (not your fault.... just a new feature we're introducing to combat really long chunks of pasted code)

I'll look into your issue.

[natemorris1]

Thanks Rob!

Sorry for the huge code paste!

[Rob]

try setting #content and #bottom position to relative.....

postition:relative;

Not sure if this will help.

[natemorris1]

They already are set as relative........

any other ideas?

Thanks!

[Rob]

firstly, can you try targeting the HR element directly with an ID?

Also, do you have a url for me to see this working?

[natemorris1]

Yes, here's the url:

http://www.powerxchange.com/extensio...05/072905.html


Thanks!

[D3mon]

You haven't told it what to do with a HR or text inside a #bottom e.g.

instead of:

Code: Select all

#content p { 
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
padding-bottom: 15px;			
}

#content hr { width: 480px }

use:

Code: Select all

#content p, #bottom p {
padding: 0 15px 15px 15px;
}

#content hr, #bottom hr { width: 480px }

as I have done here: http://pastebin.webforumz.com//view.php?id=25

[natemorris1]

Right in front of my nose! Thanks a million. I was sitting there staring right at it.

Cheers!

[D3mon]

no probs!