5 replies [Last post]
tyrant
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2004-09-12
Posts: 4
Points: 0

Hi, just started working with some css and already have some questions.
First I'll post the link of my experiment:

http://users.skynet.be/bk234957/test/homebase.htm

1. in the middle part the image isn't properly listed in firefox/mozilla for IE it is ok, how come? i used the background-attachemnt tag with fixed parameter.

2. what I also would like to realize is having everything centered in the middle of the browserscreen no matter what resolution it is viewed, any suggestions?

3. as last one, don't think it is realizable with css, I don't want the scrollbar to be shown in the middle part.

To make it easy for you who want to reply all code isn't yet in a separate css file.

Thanks already for the replies.

Greets, david.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

some CSS questions, site check

Hi tyrant,
Stu has some good example layouts that might be what your after.
http://www.stunicholls.myby.co.uk/layouts/index.html

You'll find heaps of posts about centering content here, try the common questions section.

tyrant
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2004-09-12
Posts: 4
Points: 0

some CSS questions, site check

Thanks tony for the link, already been of great help.

My first problem I solved, used a 'nested' <div> and repositioned from the parent.

http://users.skynet.be/bk234957/test/homebase.htm

Now for the overall positioning of the content depending on browser/resolution, I couldn't find that much.... will in need javescript for that?

david.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

some CSS questions, site check

Hi tyrant,
Change the width of Layer2 to 550px.
Add padding-right:250px; to Layer5.
Change the z-index to 1 on Layer3.


Hope that helps

tyrant
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2004-09-12
Posts: 4
Points: 0

some CSS questions, site check

hum... think I didn't properly explain myself.

What I really want to have is that everything is centered in the middle of the screen. For this example the 2 green colored parts + the 1 in white to be aligned in the center of the screen depending on the resolution. I know this can be done with a javascript when using regular HTML code... but I wondered if it can be achieved with some css kind of thing....

tyrant
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2004-09-12
Posts: 4
Points: 0

some CSS questions, site check

Found what I was looking for:
http://bluerobot.com/
http://bluerobot.com/web/css/center1.html

Maybe posted already, but useful for other readers.

Cheers, david.