Topic: I am just wonder.....wonder...actually screeming inside.

Hi, guys. How are you?
I thought I have done everything. And it looked fine upstars.
Now I am using PC on the ground floor. But both of them include jsut IE5.....
But looks awufully different. I have no idea where my margin effect, which make space between each boxes, has gone????? I am fed up with being teased by browser.....

I just wonder if IE allows us to control apperance regardless of CSS? I might have read something about this. And if so, how? But I want to belive there is no way to ignore my CSS, otherwise I cannot make site, which I want to show, you know what I mean?


Hiroki Kozai

Perhaps you're having trouble with the problem described here?
http://www.tantek.com/CSS/Examples/boxmodelhack.html

[edit: by the way, if you remove your doctype, and IE 6 handles the page the same as IE 5, then chances are this is the problem you're having. This is one of the differences that the doctype causes. The workaround described on that page should fix the problem in that case.]

[This message has been edited by Slime (edited 04-24-2003).]

Yes, Slime. That is right. I am looking for this info. I actually had looked this before. Great to re-look thogh. Many thanks for that.

Well, let me talk to myself something:

quote:

---

It has 20px border, 30px padding, and 300px width.

div.boxtest {
border:20px solid;
padding:30px;
background: #ffc;
width:300px;
}
The total width including borders and padding should be 400px.

20+30+300+30+20 = 400

User agents which misinterpret the CSS1 box model by placing border and padding inside the specified width would result in a total width of only 300px, and a content width of only 200px.

300-20-30-30-20 = 200

---

From this story, if I say something in nut shell, bloody stupid browser does include padding and margin within width of element itself, right.

But how about margin? Oh, this is just talking to myself. I can figure it out from CSS1 specification. Just talking to myself.

Cheers.

Hiroki Kozai

No, the browsers (mainly IE5) that have trouble with this don't put the margin within the width - only the padding and borders.

Hi, Slime. Thanks for your reply.
Yes, I read CSS1 specification yesterday. It explained to me that point.
On Monday, I will upload my problematic screenshot as I want to show you how it looks like.

I set three contents have certain amount of margin. I thought they cannot adhere each other because of that. But they do get tother like there are no margine between them.

Anyway, I will try to find out.

BTW, do you have any idea why same IE5 showing different screen shot? One on the second floor shows me what I wanted but another one on the grand floor disappointed me a lot.

Any words, highly appreciated.

Cheers,

Hiroki Kozai