TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

CSS again, deker please help :P

Home > Cool Websites, Web Site Design and Technology > Client Side code
Page: 1 2 Reply
Dec 16th 2004#163892 Report
r1ngstad
Member since: Jun 2nd 2004
Posts: 124
I have some problems.

If you go watch http://www.wasteddreams.org/test/index.php?id=1 in Mozilla Firefox,
yo will see that the overflow of the div is working.

But if you watch it in Internet Explorer it won't.

It's made with CSS, and you cand find the css file here
Reply with Quote Reply
Dec 17th 2004#163900 Report
Patteman
Member since: Feb 7th 2002
Posts: 1564
Ok, from what I can see you only have one div here and that's "contentbgk" and only to this you can set the attribute "overflow". Now correct me if I'm wrong here, Deke, but shouldn't there be some more div's here. And the particular thing which now is a tablecell with the id="content" should be a div id'd "content"...Then the overflow would work.

The things under here will do: overflow

Put this in your document between the body tags:


[HTML]










-- News & Updates

   w/d.org's future 





biography  links 




wasteddreams.org's future

There's alot been going on these days. Something became clear to me these last days also.
I said I was gonna release the new version of w/d.org this Winter. I'm sorry to say it won't happend.
I won't manage to do the project I want on that short time. But this site will be finished within
three phases.


Phase One

This one. I will keep you updated on everything that's happening. This Phase is mostly
here to fill the space of this site.


Phase Two

I will begin with further studies into the area of webdesign at school after Christmas.
At the end of it I will make a new version here, as the ending project in Webdesign.
This one will contain news, my biography, a portfolio with clients, schoolwork and misc. work.
It will most likely be made in Flash. Hopefully this will give me a good grade for my project.

Expect this release somewhere in February or March.


Phase Three

When I'm finished with Phase Two, I have most likely begun my studies within
3D, Digital Video & Sound. This is the last an final part of my school year.
At the end of this, I will be recquired to make a portfolio with all the works
from school, inside Graphics Design, Webdesign and finally I am to make a minimum
2 minute long movie to put here also. I will use the Phase Three version of the site
for this project. It will contain all that is in the Phase Two version of the site, but a larger
portfolio. It will also be containing a "Current Projects" viewer, a service section and more goodies.


Regards,

 K-R. "raEij" Ringstad





[/HTML]

and then it should work...

I don't know if I altered something in the css file, just in case I did I post what I saved while checking it:

[code]
body {
background-color: B4C47E;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
}

a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: None;}
a:active {color: #000000; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: none; background-color: #000000;}

#contentbgk {
position: absolute;
background: url(images/bgk.gif);
left: 37%;
top: 15px;
width: 565px;
height: 533px;
}

#graphic {
position: absolute;
background: url(images/smallportfolio.gif);
left: 20px;
top: 10px;
width: 348px;
height: 280px;
}

#news {
position: absolute;
left: 360px;
font-family: Verdana;
font-size: 10px;
}


#p {
position: absolute;
left: 27px;
top: 277px;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
}



#content {
position: absolute;
left: 27px;
top: 297px;
overflow: auto;
width: 525px;
height: 210px;
font-family: Verdana;
font-size: 10px;
}

#bio-a {
position: absolute;
left: 0;
top: 4px;
width: 160px;
height: 210px;
font-family: Verdana;
font-size: 10px;
}

#bio-b {
position: absolute;
left: 165px;
top: 4px;
width: 365px;
height: 210px;
font-family: Verdana;
font-size: 10px;
}
[/code]

A jolly X-mas to you ;)

Patric.
Reply with Quote Reply
Dec 17th 2004#163902 Report
r1ngstad
Member since: Jun 2nd 2004
Posts: 124
Thanks alot! It all worked out.
I tried using two different divs first, but then for some reason one of them would be under the other.

Merry Christmas!
Reply with Quote Reply
Dec 17th 2004#163904 Report
Patteman
Member since: Feb 7th 2002
Posts: 1564
Cheers. Don't mention it. Glad I coulde of assistance.

P
Reply with Quote Reply
Dec 17th 2004#163908 Report
Member since: Jan 1st 1970
Posts:
You need to make sure they are nested, one inside the other. As Patric's example shows, don't close one div before the other.
Reply with Quote Reply
Dec 18th 2004#163949 Report
r1ngstad
Member since: Jun 2nd 2004
Posts: 124
Aight. I have problems getting it validated. It says that the colour in "scrollbar-arrow-color: #000000;" don't exist. I tried both without # and with.
Reply with Quote Reply
Dec 18th 2004#163954 Report
deker
Member since: Mar 18th 2001
Posts: 6632
scrollbar coloring is IE only and is not valid CSS.
Reply with Quote Reply
Dec 19th 2004#163967 Report
Patteman
Member since: Feb 7th 2002
Posts: 1564
Uhmm, yepp, meant to tell you that aswell. That thing don't work in mozilla, don't know 'bout Opera and Netscape, but I think it's a IE thing...
Reply with Quote Reply
Dec 19th 2004#163969 Report
r1ngstad
Member since: Jun 2nd 2004
Posts: 124
ah, I knew it didnt work in Mozilla. Dumb me didn't think that was the reason :P
Reply with Quote Reply
Dec 19th 2004#163971 Report
!mo0chan!
Member since: Apr 20th 2002
Posts: 3000
Opera has an option to turn scrollbar coloring on and off.
Reply with Quote Reply
Page: 1 2 Back to top
Please login or register above to post in this forum