Dumb Question.. CSS/DIV Size - Posted (1207 Views)
Senior Member
bobby131313
Posts: 1163
1163
Code:
#sidebar {
float:left;
width: 175px;
background-color: #EEE;
text-align: left;
border-style: solid;
border-color: #890000;
border-width: 2px;
}

What is the actual outside width of this DIV? 175 or 179?
<
 Sort direction, for dates DESC means newest first  
 Page size 
Posted
Advanced Member
JJenson
Posts: 2121
2121
I believe its 179px<
Posted
Forum Moderator
AnonJr
Posts: 5768
5768
Use http://iconico.com/caliper/ or http://www.microsoft.com/downloadS/details.aspx?FamilyID=b4b13cbc-a375-4835-91c8-0a248c3cea89&displaylang=en wink
I've been using an older version of the former for quite some time now. They have an unlimited "feature limited" trial version that's been more than enough for my purposes.<
Posted
Senior Member
bobby131313
Posts: 1163
1163
Hmmm... Thanks Anon.
Actually it's 175, borders go in, not out. Pretty easy to tell when I change the border to 20px. Big duh for me.<
Posted
Advanced Member
JJenson
Posts: 2121
2121
Ahh then it reacts differently cause I believe tables it adds to the outside
<
Posted
Forum Admin
HuwR
Posts: 20611
20611
it differs between browsers smile, ie/ff del ith border/margin differently<
Posted
Average Member
SiSL
Posts: 671
671
Originally posted by HuwR
it differs between browsers smile, ie/ff del ith border/margin differently

Indeed! angry<
Posted
Average Member
Panhandler
Posts: 783
783
No margin, no padding, 2px border(left & right), 175px width = 179px

<
Posted
Senior Member
bobby131313
Posts: 1163
1163
Whew.
Actually they do behave the same in IE and FF.
I'm teaching myself the wonderful world of a floating div layout. Believe it or not, I got myself out a piece of paper and a pencil and drew a map. blush It helps. smile<
Posted
Advanced Member
JJenson
Posts: 2121
2121
Originally posted by bobby131313
Whew.
Actually they do behave the same in IE and FF.
I'm teaching myself the wonderful world of a floating div layout. Believe it or not, I got myself out a piece of paper and a pencil and drew a map. blush It helps. smile

Learning a completely div site is definantly in need of a drawn out map. I have been trying to teach myself divs more and more and I still like the idea of a table and div site smile

But CSS has alot of cool features just takes time to find out all the little quarks to it.<
Posted
Senior Member
muzishun
Posts: 1079
1079
Originally posted by bobby131313 Actually they do behave the same in IE and FF.
It depends on which version of IE. IE7 made a lot of improvements to exploder's implementation of CSS, but there are still some quirks. IE6 has absolutely *horrid* CSS support. A quick search for "IE6 CSS bugs" will turn up thousands of sites. IE7 got rid of a lot of them (not all, but I won't fault them for progress smile), and I am hoping IE8 will be even better.<
Bill Parrott
Senior Web Programmer, University of Kansas
Co-Owner and Code Monkey, Eternal Second Designs (www.eternalsecond.com)
Personal Website (www.chimericdream.com)
You Must enter a message