Dumb Question.. CSS/DIV Size - Postet den (1210 Views)
Senior Member
bobby131313
Innlegg: 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?
<
   
 Sidestørrelse 
Postet den
Advanced Member
JJenson
Innlegg: 2121
2121
I believe its 179px<
Postet den
Forum Moderator
AnonJr
Innlegg: 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.<
Postet den
Senior Member
bobby131313
Innlegg: 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.<
Postet den
Advanced Member
JJenson
Innlegg: 2121
2121
Ahh then it reacts differently cause I believe tables it adds to the outside
<
Postet den
Forum Admin
HuwR
Innlegg: 20611
20611
it differs between browsers smile, ie/ff del ith border/margin differently<
Postet den
Average Member
SiSL
Innlegg: 671
671
Originally posted by HuwR
it differs between browsers smile, ie/ff del ith border/margin differently

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

<
Postet den
Senior Member
bobby131313
Innlegg: 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<
Postet den
Advanced Member
JJenson
Innlegg: 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.<
Postet den
Senior Member
muzishun
Innlegg: 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)
Du må legge inn en melding