...

View Full Version : Can't make a border?



michael180
09-28-2007, 01:59 AM
REF: http://moderntimes.com/tmp/

What am I missing? On the above page I would like to add a simple border to the #wrapper{}, but I don't seem to be able to.

As you see, it gathers at the top. I think I can do this. Any suggestions?

Thanks

abduraooft
09-28-2007, 02:55 AM
Floated divs are out of the "normal flow".
Putting an empty unfloated div with style "clear: both;" after all containing divs inside wrapper may solve this issue.

michael180
09-28-2007, 03:12 AM
Floated divs are out of the "normal flow".
Putting an empty unfloated div with style "clear: both;" after all containing divs inside wrapper may solve this issue.

Hi abduraooft, I tried that, but had no luck.

Thanks,
Michael

vtjustinb
09-28-2007, 03:32 AM
I know people get tired of hearing it, but you should validate your CSS.

In the H1 declaration (line 45) you have:

text-indent: -e1dcbfem;

That obviously isn't a valid unit :P. More than likely it's bombing at that never even getting to the #wrapper declaration.

michael180
09-28-2007, 03:55 AM
I try to validate the css file locally using the Tools on my FF developer toolbar. But it fails, showing that every first letter on every rule deceleration is an error. I can't make heads or tails out of it. I know it cannot be that invalid?

I fixed the typo in the H1, but it still won't work?

Thanks

michael180
09-28-2007, 04:13 AM
I know people get tired of hearing it, but you should validate your CSS.

In the H1 declaration (line 45) you have:

text-indent: -e1dcbfem;

That obviously isn't a valid unit :P. More than likely it's bombing at that never even getting to the #wrapper declaration.

Okay I got the CSS to validate, but I still can not make a border?

Thanks, though for the tip on validating the CSS, normally just validate the HTML. :thumbsup:
Michael

abduraooft
09-28-2007, 05:30 AM
Hi abduraooft, I tried that, but had no luck.

Thanks,
Michael
When I added a snippet like

...............
</div><!--end container-->
<div style="clear:both;"></div>
</div>
........................
in your code with firebug, the black border stretched and covered the entire text except footer.

michael180
09-28-2007, 05:48 AM
Ah! I see what you mean. It works.

Thank you,
Michael

michael180
09-28-2007, 08:17 AM
When I added a snippet like

...............
</div><!--end container-->
<div style="clear:both;"></div>
</div>
........................
in your code with firebug, the black border stretched and covered the entire text except footer.

abduraooft, I really like the way this 'snippet works. How can I find out more about snippets? And also what's Firebug?

Thanks,
Michael

effpeetee
09-28-2007, 10:34 AM
I use a program called CSSVista which is like Firebug, but works also with IE.
http://litmusapp.com/cssvista/
It presents you with both views at once (Ffox and IE) and also the css on the left. Altering the code produces an immediate response so that one can see what happens with the alteration.

Frank

bDare
09-28-2007, 11:29 PM
I know people get tired of hearing it, but you should validate your CSS.

In the H1 declaration (line 45) you have:

text-indent: -e1dcbfem;

That obviously isn't a valid unit :P. More than likely it's bombing at that never even getting to the #wrapper declaration.

What is the best way to validate CSS?

_Aerospace_Eng_
09-28-2007, 11:31 PM
http://jigsaw.w3.org/css-validator/

abduraooft
09-29-2007, 05:28 AM
Firefox allows users to write and install add-ons to it.
Firebug is a very useful add-on https://addons.mozilla.org/en-US/firefox/addon/1843

rmedek
09-29-2007, 01:38 PM
For more on clearing your floats, check out this article:

http://www.positioniseverything.net/easyclearing.html

Hope this helps…



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum