Topic: I am just wonder.....wonder...actually screeming inside. Pages that link to <a href="https://ozoneasylum.com/backlink?for=10959" title="Pages that link to Topic: I am just wonder.....wonder...actually screeming inside." rel="nofollow" >Topic: I am just wonder.....wonder...actually screeming inside.\

 
Author Thread
Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

IP logged posted posted 04-24-2003 08:19 Edit Quote

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

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 04-24-2003 13:11 Edit Quote

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

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

IP logged posted posted 04-25-2003 06:48 Edit Quote

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

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 04-25-2003 14:10 Edit Quote

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

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

IP logged posted posted 04-26-2003 01:52 Edit Quote

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



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu