Style Sheet Plus Solutions - Thread Relocated

Is relocating the thread a hassle?

Yes. :<	30.0%	[ 3 ]
No. :>	40.0%	[ 4 ]
Apology for relocating not accepted. D:	30.0%	[ 3 ]
Total Votes:			[ 10 ]

This poll closed on December 18, 2012.
No longer accepting new votes.

[Toriki-chi]

Knight Yoshi

But anyways, you're trying to remove an element from the flow of the document to hide it, meaning use absolute. Other wise try to avoid it. There's all kinds of specifics for doing it correct and efficient. Lol

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

*confused* So what's exactly the diff between absolute and relative?

( "相見える日を　待ちながら　刻を数え歩く。" )

[IMANOOT]

Toriki-chi

Knight Yoshi

But anyways, you're trying to remove an element from the flow of the document to hide it, meaning use absolute. Other wise try to avoid it. There's all kinds of specifics for doing it correct and efficient. Lol

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

*confused* So what's exactly the diff between absolute and relative?

( "相見える日を　待ちながら　刻を数え歩く。" )

Again, position absolute removes an element from the flow of the document, and relative does not.

[Toriki-chi]

Knight Yoshi

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

I understand that, but what I want to completely understand is what the effect/side effect of being remove from the flow document? I mean both did push the panel off the screen.

( "相見える日を　待ちながら　刻を数え歩く。" )

[gkShift]

Toriki-chi

Knight Yoshi

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

I understand that, but what I want to completely understand is what the effect/side effect of being remove from the flow document? I mean both did push the panel off the screen.

( "相見える日を　待ちながら　刻を数え歩く。" )

Google it, you'll get better explanations.

This is the best I got.


absolute
========
{1section}|
{2section}|
{3section}|
=======

if we set 2section to absolute; movement is as follows

========
{2section}{1section}| <- these two are overlapping since my page is only one column long
|
{3section}|
=======

Relative

========
{1section}|
{2section}|
{3section}|
=======

move it to the left some it starts from its original position.


========
{1section}|
..............{2section}|
{3section}|
=======

[Toriki-chi]

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

I tried Google, but they didn't help much.


Ah, I see. So if I use relative in almost every panels, eventually it stack up the horizontal line and some will show or looking mess up in certain browsers? And the absolute keeps the panels in vertical order listing?

Never mind, your edited post is clearer. So relative keeps the panel hovering and some browser won't able to clarify its position clearly?

( "相見える日を　待ちながら　刻を数え歩く。" )

[Toriki-chi]

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

So if in case I have a universal position (such as the centering the whole page code), I will need to use "absolute" in order to override the original for a panel I want to push else where?

Sorry for all the questions. Still a bit foggy on these positioning things.

( "相見える日を　待ちながら　刻を数え歩く。" )

[IMANOOT]

gkShift

Thanks for that. 3nodding

[IMANOOT]

Toriki-chi

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

So if in case I have a universal position (such as the centering the whole page code), I will need to use "absolute" in order to override the original for a panel I want to push else where?

Sorry for all the questions. Still a bit foggy on these positioning things.

( "相見える日を　待ちながら　刻を数え歩く。" )

If you have something centered, meaning you used margin, then you can use relative to move it and it will hold the original place the element was. Think of it like this, similar to the example the guy above posted.

You have three blocks
block 1
block 2
block 3

You use position relative on block to, to say move it to the left, so now
block two looks like this
{1section}|
..............{2section}|
{3section}|

Now lets say you use absolute
{2section}|{1section}|
{3section}|

Block two is still there, it just takes up no space where it was originally.


It all based on what you want to do. But also, position absolute nulls centering and element, so you would use relative. But, what you should do is center the parent element, in this case for Classic profiles, the containing element to center is the "content" element, which you would then just apply the position relative.

[IMANOOT]

Toriki-chi

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

So if in case I have a universal position (such as the centering the whole page code), I will need to use "absolute" in order to override the original for a panel I want to push else where?

Sorry for all the questions. Still a bit foggy on these positioning things.

( "相見える日を　待ちながら　刻を数え歩く。" )

If you don't want it to be somewhere else and take up its original space, then yes.

But the parent ((or a ancestor), the "content" element will work, or w/e containing element you have set to center) element need to have position:relative (just that, the top/left is actually a different property).
But this will make it so that the element you're applying the position absolution to will be positioned absolutely from that element, not the top left of the screen.

[Toriki-chi]

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

Gotcha! Perfectly clear now. Thank you Knight Yoshi and gkShift very much! emotion_kirakira

( "相見える日を　待ちながら　刻を数え歩く。" )

[IMANOOT]

Toriki-chi

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

Gotcha! Perfectly clear now. Thank you Knight Yoshi and gkShift very much! emotion_kirakira

( "相見える日を　待ちながら　刻を数え歩く。" )

Remember best way to figure out how a property and its values work, is to try it.

[Toriki-chi]

Knight Yoshi

Remember best way to figure out how a property and its values work, is to try it.

|| 鳥姫 ||

( "かわいた木枯らし　そよそよと。　かわいた木の葉は　ひらひらと。" )

Yep. But I'm slow on understanding so I didn't quite grasp the differences.

( "相見える日を　待ちながら　刻を数え歩く。" )

[IMANOOT]

[turtleni]

hewwo! 4laugh

[IMANOOT]

II Moonlit Sparrow II

hewwo! 4laugh

Hi?