Microsoft.AspNetCore.Mvc.Localization.LocalizedHtmlStringDumb Question.. CSS/DIV Size

Author : bobby131313
Subject : Dumb Question.. CSS/DIV Size
Posted : 24 June 2008, 19:31
Message :

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?
<

Reply Author: JJenson
Replied on: 24 June 2008, 19:39
Message:

I believe its 179px<

Reply Author: AnonJr
Replied on: 24 June 2008, 20:05
Message:

Use http://iconico.com/caliper/ or http://www.microsoft.com/downloadS/details.aspx?FamilyID=b4b13cbc-a375-4835-91c8-0a248c3cea89&displaylang=en

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.<

Reply Author: bobby131313
Replied on: 24 June 2008, 20:49
Message:

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.<

Reply Author: JJenson
Replied on: 24 June 2008, 20:58
Message:

Ahh then it reacts differently cause I believe tables it adds to the outside
<

Reply Author: HuwR
Replied on: 25 June 2008, 02:37
Message:

it differs between browsers

, ie/ff del ith border/margin differently<

Reply Author: SiSL
Replied on: 25 June 2008, 05:43
Message:

Originally posted by HuwR
it differs between browsers , ie/ff del ith border/margin differently

Indeed!

<

Reply Author: Panhandler
Replied on: 25 June 2008, 09:30
Message:

No margin, no padding, 2px border(left & right), 175px width = 179px

<

Reply Author: bobby131313
Replied on: 25 June 2008, 12:57
Message:

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.

It helps.

<

Reply Author: JJenson
Replied on: 25 June 2008, 14:33
Message:

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. It helps.

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

But CSS has alot of cool features just takes time to find out all the little quarks to it.<

Reply Author: muzishun
Replied on: 25 June 2008, 15:02
Message:

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

), and I am hoping IE8 will be even better.<

Reply Author: HuwR
Replied on: 25 June 2008, 16:14
Message:

Originally posted by bobby131313
Whew.
Actually they do behave the same in IE and FF.

mmm, actually they don't behave the same at all.
IE and Firefox interpret the border + padding elements differently (one puts them on the inside, the other on the outside).
<

Reply Author: bobby131313
Replied on: 25 June 2008, 16:26
Message:

Well, IE7 and FF3 look exactly the same to me.<

Reply Author: Shaggy
Replied on: 26 June 2008, 04:05
Message:

Remember, the DTD you use will be a factor, as well.
<

Dumb Question.. CSS/DIV Size

Topic

Replies ...