Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
Home
Discussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers

Webmaster Forum / HTML, CSS, Scripts / CSS / September 2006



Tip: Looking for answers? Try searching our database.

Borders - inside or out?

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
chudzikr@gmail.com - 29 Sep 2006 15:44 GMT
Hi-

I have a question that I haven't been able to find any info on:

If I have an element (say, a <div> or a <table>) which is a certain
fixed width (let's say 500px).

If I add a CSS border of 2 px, does the element:

a) become 504px wide, or
b) does the inner area of the element become 496px wide?

Basically, I'm trying to find out of the border takes up space on the
outside or the inside of the element.

Any help would be appreicated!

Thanks,

Rob
Andy Dingley - 29 Sep 2006 16:17 GMT
> Basically, I'm trying to find out of the border takes up space on the
> outside or the inside of the element.

Elements are things in the source code of the document. When they're
rendered onto the page we usually call them boxes. Look up "CSS box
model"  for explanations - brainjar.com has one of the better ones.

As to your "inside or outside ?" question, then this si something that
IE infamously got wrong to begin with. make sure you research "IE
quirks mode rendering" too.
Ben C - 29 Sep 2006 16:28 GMT
> Hi-
>
[quoted text clipped - 7 lines]
> a) become 504px wide, or
> b) does the inner area of the element become 496px wide?

(a) for most things, but (b) for tables!

> Basically, I'm trying to find out of the border takes up space on the
> outside or the inside of the element.

On the outside generally speaking, but tables and tds are a bit
different. I suspect this goes back to HTML table attributes, where
"width" specifies "the desired width of the entire table".
chudzikr@gmail.com - 29 Sep 2006 17:51 GMT
thanks, Ben -- that's exactly what I was looking for!
> > Hi-
> >
[quoted text clipped - 16 lines]
> different. I suspect this goes back to HTML table attributes, where
> "width" specifies "the desired width of the entire table".
chudzikr@gmail.com - 29 Sep 2006 18:27 GMT
Thanks, -- brainjar is a good resource.
> Hi-
>
[quoted text clipped - 16 lines]
>
> Rob
 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2009 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.