Topic: Is this right way using CSS? (Page 3 of 4)

I used IE 5 Mac, and the Safari beta. Worked in both. You probably want to pad it some so the border isn't so tight to the word.

HI, guys. Thanks for your reply. It was very strange to me too.

Well, now i cut and paste my code then opened it again. It is working now. The difference is that I used IE.? with windows NT and now I am on IE? with windows XP.

Hi, Steve. I used that validator! It is good one, a? Sometimes it is pretty tough to find small typo errors.

Thanks a lot, guys.

Hiroki Kozai

Hmm....Strange enough. I hve made background effect fix and scroll. I mean there are two html file showing each effect. What is happening is when I specify background to be fix background image love moving when I scroll down. And when stays same position when I set it as scroll. ???? Why this is happening???? I have no idea. They are supposed to be vice vasa, aren't they? My code is following:

quote:

---

<style type="text/css">
body {
background: #0cc;
background-image:url(../images/hiroki2.gif);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
</style>

---

quote:

---

<style type="text/css">
body {
background: #0cc;
background-image:url(../images/hiroki2.gif);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
}
</style>

---

Wow, wow,....

Hiroki Kozai

IE does not support background-position:fixed;

Check the compatibility chart that was posted for one of your earlier questions =)

Hi, DL. Thanks your reply.

Well, yes. I did it. But I thought IE suported this effect. Please see this:
http://www.w3schools.com/css/pr_background-attachment.asp
It said:

quote:

---

This property only works with the body element

---

Hmm...


Hiroki Kozai

Ok, sorry - I didn't see read carefully enough. I had my mind fixed on "position:fixed;" rather than background-attachment.

Now, I'm a little confused by your wording -

With "background-attachment:fixed;" the image stays in the same place in relation to the browser window. So if it is set to be centered on the page, it will stay centered in the browser window no-matter how much you scroll.

Is that what is happening or no?

Well, I set an image center and center. But I think that it might have do nothing with background attachment effect. Background-position will decide where image sits. Am I right?

But background-attachment will decide if image will stay on same place when user scroll down or not. I mean if set attachment fixed, image will be gone if user sroll far down on the screen. But if set scroll, image has to stay on the screen regardless of user scrolling down.

What is happening is that when I set it fixed, image scroll down. When scroll, it is fixed. It is strange, isn't it?

Hope my poor English make sense to you, DL. Thanks for your reply, again.

I am making curry rice for my family. My curry is loved by them. My pleasure.

See ya.

Hiroki Kozai

That sounds to me like the opposite of what should happen. I use fixed on most of the stylesheets for my site (www.liminality.org), and it works fine... perhaps you could post a link to the example?

I'm still confused by your wording, and I think you might possibly be confusing the meanings of scroll and fixed.

Fixed does not mean fixed on the page, it means fixed in the containing box (in this case the Browser window).

So if you set it to fixed, and scroll the page, the image will remain visible in same location in the browser.

If you set it to scroll, it will stay in the same position in relation to the text on the page, and will therefore scroll off of the page.

Sorry if I'm misunderstanding and stating the obvious, but it seems to me you have the meanings reversed.

(of course, I never actually use 'scroll' I just don't specify a background-attachment in that case).



[This message has been edited by DL-44 (edited 03-29-2003).]

Hi, Suho. Hi, DL. Thanks for your sharing time.

Well, yes. I have a link. please see here:

http://www32.brinkster.com/sanukiudon/html/bg2-fix.htm

In this site, background image is set attachment: fixed

But it is scrolling down, isn't it???

Hmm.....Am I wrong????

Hiroki Kozai

Nope, that is precisely what "fixed" is supposed to do.

It appears that this has been, in fact, a confusion of terms.

It seems that you're seeing the fact that it moves in relation to the TEXT as it scrolling, when in fact, according to it's position relative to the BROWSER it is fixed.

So it is working properly, there's just some confusion over the terms (and now you see why the browsers all have such a hard time making things work the same ).

Oh, thanks, DL. It is my misunderstanding, isn't it? Thanks a lot. Now I am going to have lunch, which is left over from last night. See ya.

Hiroki Kozai

It's "fixed" for me too - meaning the background image remains stationary as the text scrolls.

Hmmm. I think Hiroki is making faster progress with CSS than I did, and it must be due to his focus on CSS, beer and curried rice.

I guess the curried rice must be the factor, because I know I had plenty of beer handy when I was frist discovering CSS

Hi, Steve, Hi, DL. Thanks for your reply.

Well, now I have just had curry rice again. All left over is gone.

Studying CSS is so fun that I have been really enjoying that.
Thanks for helping me.

See you.

ps. Do you cook curry rice sometimes? I do often. I quite like it.

Hiroki Kozai

Hi, guys. How are you doing???

Well, I have just got to ask you something important. I have been working on CSS ( including HTML, XHTML) for quite a bit.

I'd love to move on to next step. Forgive me my sillyness, What do I have to do next?

I am interested in XML, Javascript and server-side-scripting ( probably take PHP). Could you give me your opinion or whatever comments on it?

Ooops. please delete one of these. Something strange happned.....
Hiroki Kozai

[This message has been edited by Hiroki (edited 03-30-2003).]

Well, personally I would recommend doing a lot more experimentation with HTML and CSS...make a variety of sites that require different approaches to layout, make use of as many different styles as you can.

You can make pages that actually have a definate purpose, or simply make mock-pages for imaginary companies or organizations. It can be quite helpful.

However, if you're set on moving on to something else, there are two definate directions to go in - Javascript or PHP (as you've already mentioned).

Which direction you go is an entirely personal and subjective matter. Both directions will eat up a lot of time, and will give you a lot more flexibility and power in creating your pages.

Hi, DL. Thank you for your reply. How are you today?

Well, I am going to have to finish school at least the end of September. So I always worry about if I can achieve what I want to learn.

And yes. I think so too. I'd better design a lot of site using HTML, XHTML, and CSS. Much better than before but still not good enough.

Long way to go, but I can see what I have to do through your advices, thanks again.

Yes, I will keep making other site like you said. Thank you for your help, DL. I really appreciate that.

By the way, which stage do I need XML???

Hiroki Kozai

Well, my understanding of XML is still rather vague - perhaps Steve can shed a bit more light on it, I know he has at least dealt with it when passing information from a database into a Flash movie.

That is basically the idea behind XML...passing information between different formats that don't normally communicate with each other.

And I'm doing well - hope you are too.

=)

Hi, DL! Thanks for your words. I have just been back from lunch.

Well, I will ask around about XML. Thanks a lot for your help.
Now I will do my sound recording assinment.
I have no idea what is going on that module. Pretty tough.
See ya.

Hiroki Kozai

Hi, guys. Who will be honored to be 100th poster?

Well, let me talk about block-level-element.
My understanding is that it cannot exist same line, can they?
It means h1~h6 , paragraph, div and so on.
Right?

But why my div element and h1 element are sitting same line when I see it using IE5?
How strange!!!!

Please see my code:

quote:

---

</head>
<style type="text/css">
.middle{
background: #666;
width: 63%;
position: absolute;
top: 10%;
left: 20%;
border: solid #fff 1px;
padding: 8px;
}

.test{
float: left;
border: solid #fff 1px;
}
</style>
</head>
<body>
<div class="middle">
<div class="test">
<a href="#">Change Mode</a>
</div>
<h1>Head2</h1>
<p>Good afternoon</p>
</div>
</body>

---

Am I wrong or IE5 bug???

Hiroki Kozai

The "float:left;" allows them to exist on the same line.

Remove that and you will see them split.

The absolute positioning tends to mess with things as well.

Thanks a lot. DL. I am making another site for my operating system class.
Love to use css. Really cool way to organize.
See ya.


Hiroki Kozai

I just wanted to tell you that I found what I have been looking for.

Well, I have been wondering how to use CSS for table format. I found one here http://www.w3.org/TR/REC-CSS2/tables.html . It is CSS2 specification, which you told me to read. I am slow to read but steadily keep going for ahead.

Thanks for that.
See ya.

Hiroki Kozai

Hiroki;

I'm ducking the xml thing for the moment, because it's more complex than I have time for just now.

But ... you might find these two resources valuable: http://www.meyerweb.com/eric/css/references/css1ref.html http://www.meyerweb.com/eric/css/references/css2ref.html

Eric Meyer has made the CSS 1 and 2 specifications very easy to navigate.

Hope it helps.

Hi, Steve. How kind of you. Yes, it is very valuable for me. I am going to go to Christchurch, which is the biggest town in South Island in New Zeland. I will find some book for my study. Hope I will find one which I look for.
Again, thanks very much.
Have a good day.

Hiroki Kozai

Hiroki: If you are using (valid) XHTML then in essence you are already using XML and have taken on board some of the underlying principles. I would (like the others recommend) you concentrate on getting more XHTML and CSS (and a bit of JavaScript and server-side coding) under your belt. XML is easy and if you need to use it then you can pick it up quite easily.

Concentrate on the things you need to learn to get the job at hand done - that is the great motivator

If you try and learn things because you think it is a good idea then it is less likely to stick.

And I admire your enthusiasm, energy and commitment to learning

___________________
Emps

FAQs: Emperor

Hi, Emperor! Wonderful to hear from you.
Thanks for your kind words.
I am really glad to be on this site as I can see great web works through here.
That shows me a lot of possibility of web world.
I have been looking for what I will do for ages.
I am glad to dovete myself into the web.
So really feel well to go ahead.
Would you know what I mean?
Anyway, I'd like to say thank you to all of you.
See you later.

Ps. Thanks for your comment about xml. Yes, I will study more HTML, XHTML, CSS1, CSS2. Actually I am interested in HTML developer certificate, which W3C provides. Has anynoe got one? Cheers.

Hiroki Kozai

Hi, guys. I got a problem.
Today I opened my html file using Mozilla.
It looked fine using IE but not on Mozialla.
My code is pretty basic using a lot of css.
Why does this happen and how to avoid this kind of problem???
I mean I am following w3c recommendation so that I did not think Mozzila disklike my code.
Help.....

Hiroki Kozai

Mozilla's CSS support is generally better than IE's CSS support, although it does have a few bugs here and there.

What you need to do is look at every inconsistency, one at a time. Then decide whether the problem is your misunderstanding of how a feature is supposed to work, or if it's IE doing something wrong, or if it's Mozilla doing something wrong. The first case is the easiest to fix; you merely look at the standards, relearn how to do it, and fix it up. In one of the other two cases, you may have to find a workaround.

But one thing is extremely important, and I cannot stress this enough: make *absolutely sure* your page has a proper doctype, or I can guarantee you IE will be treating your CSS incorrectly, and you probably won't be able to find workarounds.

Hi, Slime. Great to hear from you. Thanks a lot for your words.
Well, I should admit that I don't know about Doctype well. I am trying to close all tag to pretend like xhtml but never put doctype in my docment. I guess missing it caused a problem, doesn' t it?
I will read that link. And will try to put proper doctype. See what will happen.
See ya. Again, thanks a lot.

Hiroki Kozai

Some browsers work differently with different doctypes, so it's important to use a doctype that's the same as the code you're using. If you're using XHTML, use an XHTML doctype.

Hi, PT. Thanks a lot.
I will read about it.
Now I am studying about database.
I have a test on Tuesday.
Well, see if I can pass.
See ya.

Hiroki Kozai

Another good resource regarding doctype - goes into even more depth than the alisapart article.

Hi, Steve. Thanks for your input. Kind of you.
Well, I will certainly read them.
I have been studying databese theory since yesterday.
I am getting fed up with it.
But also know very important to understand, you know.
My host mom is cooking dinner now.
Looking for dinner now.
see ya.
Again, thanks a lot.

Hiroki Kozai

DTD is going to be extremely important to put when I use XML, right?
I have jsut found a book about XML at the library. I took a quick look. I found it said that. I will definitely read the linsks above. See ya.

Ps. it take quite time to donwload this thread, doesn't it?

Hiroki Kozai

I got stomachache.....Hmm.....Woooooo.......
A glass of wine will save me...
Now I am drinking it....
Hm.......Good night.

Hiroki Kozai

I passed database test. I just got exactly what I have to get. I mena I got 80 % of it which means jsut on the boarder. Lucky enough.



Hiroki Kozai

A wee good news for myself.
I have just decide to extend my study period.
I can study till the end of the year.
So I don't have to rush.
Wow, so I can study steadily to achive what I want to.
Tomorrow is the last day of first term.
I will work on more CSS over the holidays.
Good on me.
Good night.

Hiroki Kozai

Hi, all. How are ya?
Now I have jsut got three weeks autumn holiday.
I have just printed out all CSS2 specification from www.w3c.org.
I jsut thought it was heaps.
How can I approach those CSS2 specification?
Any advice highly appreciated.
Actually long time no see, I reckon.


Hiroki Kozai