Topic: Never Give Up

Hi, guys. Did you have good weekend? I had nothing exciting really. But refreshed myself to solve web site problem.

Well, this morning, my first thing to do was check my site using different room even all rooms provide IE5 on PC, absolutely not Mac.

It was very interesting. Room A shows what I wanted to see. Room B and Room C showed something not really I wanted. The difference between them was screen resolution. Room A's PC has big screen. Room B is smaller and Room C is much smaller.

I guess that it has been causing this Funny problem to me. I will check my CSS code again, anyway.

On this point, let me ask you something about margin.

Here is my senario:

In my body tag, there are three div, holding menu, navbar, and contents. I set margin of body 3%. I didn't set any margin for each div themselves. When I opened my html file, to my surprised, there were no space between each div. I had no idea why my margin setting had been just ignored. Then I read CSS1 specification. It said to me that margin inheritance is no. My understanding is that if I want to put any transparent space between each div, I must set margin for each div not to body.

Is that right?

Any words, please. I want to knock off this site then want to do other staffs like JavaScript. Wow, wow, wow....

Cheers.

Hiroki Kozai

Yes, you are right. You have to set the margin to every single div.
#div1, #div2, #div3 {
margin: 3%;
}

When you set body to margin: 3%, its just.. errrm......the body!

You're right. If you want to have a margin between each div you have to set it in the divs and not in the body.

I don't think margin has any effect when you set it in the body. The margin is how much 'free space' there is around the object. So the body margin would set the amount of space around the body, but there is nothing there except the browser window. If you want to set a fixed amount of space between the browser border and the html-content set the padding instead of the margin.

For ideas on how to create layouts using only css you should check out Bluerobot. None of the examples are exactly what you want, but they use margins to set the width and placement of (some of)the divs so it might be of some help.

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"

[This message has been edited by Veneficuz (edited 04-28-2003).]

I love the Internet.
My question got replies from Berlin and Norway!
How are you, guys? And Many Many thanks to your reply.
And Yes, I'd love to check that site. Actually I had heaps look alreadly.
But still cannot do same sort of thing...
So better re-look at it again.
Cheers, mates.

From New Zealand

Hiroki Kozai

Thanks guys. I have solved problems.
I figured out why.
Anyway, please see here:
http://www32.brinkster.com/sanukiudon/html2/1.htm
This will be my last attempt.
I am going to see using different room after lunch.
Fingure crossed.
Cheers.

Hiroki Kozai

u-neek ... better to use classes in this case vis.

.margin3 {margin: 3px; blah. blah. }

... and then ...

<div id=id1 class=margin3></div>

<div id=id2 class=margin3></div>

<div id=id3 class=margin3></div>

Bug-free software only exisits in two places
A programmer's mind and a salesman's lips

[This message has been edited by trib (edited 04-28-2003).]

I took a look at your css and the names of the divs. Read http://youngpup.net/?request=/news/2002-1.xml#2002-01-16-19 for more information.

Thanks for your replies.
Today, I did another tutorial.
Many many thanks to you.
Cya.

Hiroki Kozai