XHTML and CSS Tutorial - 38 - Fixed Positioning

[ecence123]

fixed positioning is realy useful, if you have a footer and want to display it all the time, on the verry bottom on your website.

[rambodpbd]

but ummmm do shut

[NickkRagz]

a good example of fixed positioning is the header on facebook

[mariiak08]

the fixed positioning is useful in some cases ... it's like the YouTube button on the Google+ page...... thanks Bucky for all your tutorials they are very helpful.

[lookkool3]

theres more things you can do with fixed position other then a fake scratch on the screen lol ... like some annoying advertisements fixed on the side of the screen so when you scroll well yea you get it theres that and you could also have a fixed header with nav bar to stay up top for a really large website that need to scroll half a mile down screen (that would probably be good for blogs with tons of stuff) or maybe a logo thats fixed or bounching around but thats more complicated but possible

[53rjv]

@lookkool3 exactly, that's what i thought and what I want to do with the website i am trying to build. an ad to the right of the whole page. (i have a store... and the ad would be for my own products... or sales actions). i believe the term in online advertising is skyscaper ad. i'm experimentig with it and giving it a lower z-index, so when you reduce your page in width it wouldn't go over the main content, but underneath (or a bit visible), and when the page is wide enough: float to the right.

[ErichLancaster]

Bucky, that is a brilliant idea. I'm going to add that gray mark on all my websites ;P

[aditya8080993750]

Facebook

[JohnnyClemenceed]

If you're not eating that McTuna, can I have it?

[johnd123000]

some times you just gotta love the humor in your tutorials bucky.

its also one reason why i watch your tutorials.

[dukeaddict237]

lol before u said it was the box i was trying to wipe my screen

[johnnyvcrow]

I used this once for a client who wanted a video of himself to pop up onto the page and talk about his site. btw, great tuts Bucky!

[Mewigi]

This is done a lot for toolbars and navigation bars and such. So I guess it has its uses.

[nickmokisasian]

Btw, some websites do this for navigation bars or small advertisement, usually on the very top of the page

[nickmokisasian]

css3 is certainly great. Bucky makes it xhtml so that it is compatible with all browsers =)

[marwanENGLAND]

thank you mate was help alot

by the way which software are you using

i mean the one you typing in it

[EasttSideCustomZ]

@marwanENGLAND notepad ++

[The1Obito]

rofl that dot :]

[spartanMystery]

LMFAO at the dot on the screen thing... might just throw that into every website i ever create :D

[28lhenry]

\That mctuna joke i actually burst out laughing!!!!!!! Youre kill



[Deadwolf9494]

it's useful if you have a banner and sidepanels that you wanna stay.

[RebornXSoldier]

@Deadwolf9494 Well, you probably shouldn't want those to stay because users don't want those to stay.

[michaeldcurry1]

@joecapps1127 I think that facebook was written in PHP which means that they wouldn't have used the fixed positioning method, and after taking a look at their source code it shows that they use relative postioning. :) go to facebook and view the source by right clicking and then clicking view source, then look at the end of line 14. The chat is coded in javascript :).

[joecapps1127]

Fixed could be really helpful. It's probably how they made the chat bar at the bottom of Facebook

[Zantac69pr]

i used fixed positioning to backgrounds and sometimes to nav bars

[TheAntarcticEmperor]

Totally using this to put a huge bug-on-screen gif over EVERY PAGE.

[subretoothed]

how about use it for fixed page background?

[birria4]

like for the fake scratch XD

[memokk]

wow...perfect to piss off people lol

[jackyboyhenry]

i know where they use position:fixed , in annoying surveys?

[HELLOclan]

Bucky, you should have gone through background images in the fixed positioning tutorial. Now that is honestly the only reason besides your scratch prank that fixed positioning is good for

[OctoberAtRolla]

when you make an ad on your webpage, you may want to use the fixed positioning. I guess

[dirherrera]

now I have a craving for a mctuna

[spychic101]

I don't even think bucky knos css3 and html5 but then again he seems to know everything

[juzuze]

i think this page is commonly used for spam ads

[weedeater64]

@Mahiz96

members.cox.net/jeff_pugh/tang­o/tango.html

[1StTubeYou]

Metallica! <3

[unrewritable]

you give me so much jokes bucky jajajaja, thanks for the tutorials!

[exia78]

scratch on the screen funny lmao

[weedeater64]

Really ? That's the only reason you can come up with, to be a dickhead ?

How about a background image that stays put, no matter where you are on page ?

Maybe some dancers doing the tango or something, for a site about dance lessons.??

[KaneLincoln]

I assume this is what is used for Facebook Chat, as when you scroll down or up it sticks at the bottom of your page.

[rastapunk420]

or you could use it for a to top or a shopping cart etc. >.>

[ktnvideos]

Yes, yes i have seen i sight that has this usually someone trying to sell me something though

[jonathangonza]

Interesting way of putting this tutorial together, but I've seen many ways of how to use fixed positioning and they're very interesting too. Great tutorial

[alymuni]

Spam uses Fixed Positioning XD !!!

[jorankk]

Some ads use fixed and you can use this for a, " back to top" link that stays fixed

[Swetlana0]

Actually I kinda liked the song in the beginning :D

Those make your tutorials more interesting.

[TheS1ot]

thanks for the new pack of tuts... improbably useful set

[PineHack]

so what's the difference between fixed and absolute?

[marcusrehn]

@PineHack lol 0:25-1:15

[gregonthebox]

Hey Bucky What about making menu buttons with fixed positioning, If you scroll down and need to go to another webpage you have to scroll back up to click the menu link, but with fixed positioning is it possible to avoid this and have it on your screen at all times. IS THIS EVEN POSSIBLE WITH FIXED POSITIONING?

Anyway XHTML taught with CSS I think is a must and am enjoying these video tutorials much more than the old ones.

Keep up the good work and thanks mate

English accent sucks by the way

[master23401]

@gregonthebox Yup, you can do this with menus, that's what twitter does actually.

[XRaYNL]

oO i've got this weird scratch all of the sudden on my screen :/

Thanks Bucky!! :)D

[LPSlasher]

DARN! I have a scratch on my monitor :S

[weward]

what happened to android tut?

[TheWinFailure]

AHAHAHAHAHAHAHAHAHAHAHAHAHAHAH­HAAHAHAHAHAHAHAHAHA

...My Monitor is scretched O.O

[thenewkolkata]

great video..funny too..



[DrOnEpEaCe]

10x 10x 10x very much

[nicoekkart]

you can use fixed for your background image

that looks great

[blueprint7000]

After html you should make tutoriasl about, CSS 3, gradients , transitions, transparency

....CSS 3 has so many powers...It can change the whole feeling of your site

[adyquatre]

@blueprint7000 I'm totalyu agree with you.Some tuts for CSS3 and Html 5 will be awesome !

[ThePiticulbz]

Bucky is better than Lady Gaga or Justin Bieber!

[VV0lfdalE]

Fixed positioning is great thing

[NiceVidYouGot]

aww man my monitor is scratched...

btw Facebook buddy-bar uses fixed positioning.

[linkinms]

HAHAHA!

[MultiGamingGod]

no des no title?

[picorettte]

haha love the beginning xD

[mattelseinator]

Please do descriptions.

[HowToDs]

wtf