HOME | DD
kuschelirmel-stock — CSS: Absolute Positioning
Published: 2007-03-06 16:12:07 +0000 UTC; Views: 10726; Favourites: 154; Downloads: 0
Redirect to original
Description
I know I've been promising a follow up onJournal CSS Part 1 and
Journal CSS Part 2
for like ever
I'm sorry you had to wait, but here it is... at least a first step
For more CSS resources, check the artist's comments under the two first tutorials.
If you need some CSS code to play with, feel free to raid my gallery
Related content
Comments: 30
it may just be a little out of date by now
👍: 0 ⏩: 1
Trying teach myself... Just started trying to rework my portfolio and it seem this is a very usefull skill, could you point me in the right direction...
👍: 0 ⏩: 0
Thanks! This is going to help a lot with the journal I'm designing now!
👍: 0 ⏩: 0
Hurry up with part 3!!!
I find these very helpful.
👍: 0 ⏩: 1
this kinda is part 3
is there anything else I should mayhaps do a css tut about?
👍: 0 ⏩: 1
I could use a tutorial on how to make a journal with a scrollbar, rather than one that gets longer and longer, while keeping everything else how it should be, like replaced journal icon and such...
I find your tutorials very useful and easy to understand.
👍: 0 ⏩: 1
👍: 0 ⏩: 1
I have the exact same problem as I'm trying to use position absolute, and it's turning out very weird. The side menu covers up a part of the header, footer, and the journal and I really don't know how to fix it
Any tips?
👍: 0 ⏩: 2
you have to push it downwards with the top
as for the length: if the stuff inside the absolute div gets too long it will always flow over the footer - you need to either make whatever is inside shorter or the journal itself longer so it will stretch more. A trick to get "at least a ??px long journal" so the navi will fit can be achieved in firefox only: give the .journaltext the attribute min-height
I hope this helps
👍: 0 ⏩: 1
Thanks so much! I actually figured it out already -- I just gave the text a bigger padding on the right and it worked like a charm!
Many thanks for your beyond awesome tutorials (I'd still have no idea what a div is if it wasn't for you!
👍: 0 ⏩: 1
👍: 0 ⏩: 0
Never mind
👍: 0 ⏩: 0
hi!
how can i make that the text doesnt go behind the ".navi" ?
so that it can be read?
👍: 0 ⏩: 0
you're welcome!
👍: 0 ⏩: 0
Why not make a tut explaining how to center something using absolute positioning?
i.e.
left: 50%;
margin-left: -[half of width of object]px;
👍: 0 ⏩: 1
why don't you make one
👍: 0 ⏩: 0
👍: 0 ⏩: 0
Very helpful thank you very much. Saving this and +faving for quick reference as well.
👍: 0 ⏩: 1
i saved it to my desktop to play with
👍: 0 ⏩: 1
