Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 Community Forums
 Community Discussions (All other subjects)
 Dumb Question.. CSS/DIV Size
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

bobby131313
Senior Member

USA
1163 Posts

Posted - 24 June 2008 :  19:31:02  Show Profile  Visit bobby131313's Homepage  Reply with Quote
#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?

<

Switch the order of your title tags

Edited by - bobby131313 on 24 June 2008 19:31:13

JJenson
Advanced Member

USA
2121 Posts

Posted - 24 June 2008 :  19:39:08  Show Profile  Visit JJenson's Homepage  Reply with Quote
I believe its 179px<
Go to Top of Page

AnonJr
Moderator

United States
5768 Posts

Posted - 24 June 2008 :  20:05:38  Show Profile  Visit AnonJr's Homepage  Reply with Quote
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.<
Go to Top of Page

bobby131313
Senior Member

USA
1163 Posts

Posted - 24 June 2008 :  20:49:39  Show Profile  Visit bobby131313's Homepage  Reply with Quote
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.<

Switch the order of your title tags
Go to Top of Page

JJenson
Advanced Member

USA
2121 Posts

Posted - 24 June 2008 :  20:58:07  Show Profile  Visit JJenson's Homepage  Reply with Quote
Ahh then it reacts differently cause I believe tables it adds to the outside
<
Go to Top of Page

HuwR
Forum Admin

United Kingdom
20595 Posts

Posted - 25 June 2008 :  02:37:10  Show Profile  Visit HuwR's Homepage  Reply with Quote
it differs between browsers , ie/ff del ith border/margin differently<
Go to Top of Page

SiSL
Average Member

Turkey
671 Posts

Posted - 25 June 2008 :  05:43:46  Show Profile  Visit SiSL's Homepage  Reply with Quote
quote:
Originally posted by HuwR

it differs between browsers , ie/ff del ith border/margin differently



Indeed! <

CHIP Online Forum

My Mods
Select All Code | Fix a vulnerability for your private messages | Avatar Categories W/ Avatar Gallery Mod | Complaint Manager
Admin Level Revisited | Merge Forums | No More Nested Quotes Mod
Go to Top of Page

Panhandler
Average Member

USA
783 Posts

Posted - 25 June 2008 :  09:30:34  Show Profile  Visit Panhandler's Homepage  Reply with Quote
No margin, no padding, 2px border(left & right), 175px width = 179px

<
Go to Top of Page

bobby131313
Senior Member

USA
1163 Posts

Posted - 25 June 2008 :  12:57:52  Show Profile  Visit bobby131313's Homepage  Reply with Quote
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. <

Switch the order of your title tags
Go to Top of Page

JJenson
Advanced Member

USA
2121 Posts

Posted - 25 June 2008 :  14:33:49  Show Profile  Visit JJenson's Homepage  Reply with Quote
quote:
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.<
Go to Top of Page

muzishun
Senior Member

United States
1079 Posts

Posted - 25 June 2008 :  15:02:01  Show Profile  Visit muzishun's Homepage  Reply with Quote
quote:
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.<

Bill Parrott
Senior Web Programmer, University of Kansas
Co-Owner and Code Monkey, Eternal Second Designs (www.eternalsecond.com)
Personal Website (www.chimericdream.com)
Go to Top of Page

HuwR
Forum Admin

United Kingdom
20595 Posts

Posted - 25 June 2008 :  16:14:42  Show Profile  Visit HuwR's Homepage  Reply with Quote
quote:
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).

<
Go to Top of Page

bobby131313
Senior Member

USA
1163 Posts

Posted - 25 June 2008 :  16:26:42  Show Profile  Visit bobby131313's Homepage  Reply with Quote
Well, IE7 and FF3 look exactly the same to me.<

Switch the order of your title tags
Go to Top of Page

Shaggy
Support Moderator

Ireland
6780 Posts

Posted - 26 June 2008 :  04:05:10  Show Profile  Reply with Quote
Remember, the DTD you use will be a factor, as well.

<

Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.”
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.58 seconds. Powered By: Snitz Forums 2000 Version 3.4.07