Jump to content

Welcome to Rune Tips, the first ever RuneScape help site. We aim to offer skill guides, quest guides, maps, calculators, informative databases, tips, and much more to help you get the most from the Massive Online Adventure Game, RuneScape, by Jagex Ltd © 2009.

Report Ad

Welcome to Forum.Tip.It
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!
Photo

Tip.it website developers - Possible solution for the fluid 3-column div layout tip.it wants!

Advice Suggestions Tip.It

  • Please log in to reply
3 replies to this topic

#1
Antimated
[ Display Name History ]

Antimated

    Chicken Feather

  • Members
  • 4 posts

Hello,

 

I especially made an tip.it account to post this, and I'm not sure where I should post this but I thought suggestions would fit in this category.

I was checking out the source code for tip.it (wanted to take a look at JavaScript files on how combat calculation works) when my eye fell on this:

 

e1o2DdY.png

 

 

Solution for the 3-column div

I might have found a solution for this issue. You could try and build your content with the use of the Holy grail layout system which uses flexbox as it's foundation.

The Holy Grail Layout system is a solution for these problems:

  • Possibility to have a fluid center container with fixed-width sidebars.
  • The center column (main content) will appear first in the HTML source.
  • All columns should be the same height, regardless of which column is actually the tallest.
  • Requires minimal markup.
  • The footer should “stick” to the bottom of the page when content is sparse.

More info at: https://philipwalton...mos/holy-grail/

 

Browser support:

You might wonder, what browsers support the use of flex? We are in luck, every modern browser supports flex, although some browsers require a fallback (internet explorer).

A list on every browser that supports flex you can find here: http://caniuse.com/#search=flex

 

--

 

Would be nice to see one more website that is table-free! Tell me what you think, and I hope this post reaches some of the tip.it admins.

 

 

 



#2
Kimberly
[ Display Name History ]

Kimberly

    Retired Staff

  • Members
  • 12,325 posts
  • Gender:Female
  • Location:Pennsylvania; United States
  • Joined:26 November 2004
  • RuneScape Status:P2P
  • RSN:Kimberly
  • RSN2:Dorelei

Curious: is the fix w3c compatible (will it validate)?

 

E: I am not a staff member. Just a curious board member. In case that's not clear >_>


hzvjpwS.gif


#3
Antimated
[ Display Name History ]

Antimated

    Chicken Feather

  • Members
  • 4 posts

Curious: is the fix w3c compatible (will it validate)?

 

E: I am not a staff member. Just a curious board member. In case that's not clear >_>

I'm pretty sure it will validate, also you can find information about flex on w3c so it would be weird if you get validation errors. http://www.w3schools...ss3_flexbox.asp



#4
Antimated
[ Display Name History ]

Antimated

    Chicken Feather

  • Members
  • 4 posts

Bumping this thread as it might be useful for the developers







Also tagged with one or more of these keywords: Advice, Suggestions, Tip.It

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users