Tab System Tip

[Cihparg]

and the recent Tab system.

I'd for one prefer users to use [hr]800px[/hr]/similiar inside each tab to prevent page stretching upon opening other tab.

Bad example

Example 1

Example 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet quam elit. Phasellus eu nibh nec lorem vehicula bibendum. Proin a elit dui, vel semper metus. Etiam ultrices mattis mauris, a interdum quam commodo vitae. Suspendisse non augue vel eros ultricies luctus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin elementum volutpat justo et lobortis.

Nunc nec nibh nisi, pretium dapibus lorem. In sollicitudin auctor dui, vel eleifend dolor consequat elementum. Vestibulum eget libero rhoncus dui scelerisque venenatis sit amet non nisi. Nam eu arcu purus. Integer dictum interdum orci semper condimentum. Vivamus gravida libero eget tellus cursus eu tincidunt elit volutpat. Phasellus eu nisi odio.

Cras in euismod massa. Nam sit amet urna sit amet massa molestie ullamcorper. Donec ipsum justo, mollis ut feugiat ac, sagittis non neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In non urna sit amet sem sollicitudin pulvinar non et metus. Cras nec neque at nulla eleifend cursus. Sed pretium scelerisque justo eget volutpat. Curabitur nisi leo, rhoncus et posuere non, tempor eu tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam odio nisi, luctus sed consequat sit amet, dictum a lectus. Duis vel dolor nisl, quis posuere lectus. Nunc dictum lorem at odio tristique porttitor.

Mauris scelerisque pretium est, vitae auctor leo tempor sodales. Integer mi metus, euismod at venenatis non, tincidunt at purus. Mauris consequat mi quis velit euismod nec tempus lacus cursus. Pellentesque iaculis ornare convallis. Cras quis neque ut lorem sodales fringilla in quis erat. Integer at odio nunc, vel varius nulla. Vivamus a lectus nec sem tristique consequat. Sed nec imperdiet nisl.

Aliquam mauris diam, sodales sit amet accumsan non, feugiat sit amet mauris. Nulla facilisi. Nam nec ligula et leo laoreet fermentum. Aenean nec congue urna. Aenean auctor sapien id est adipiscing varius fringilla ligula eleifend. Duis condimentum, justo sollicitudin mollis ullamcorper, turpis mi consectetur lacus, et adipiscing nisl ante ac mauris. Aliquam erat eros, consequat sit amet accumsan vitae, faucibus in felis. Vestibulum ac turpis velit. Nam sed turpis non sem malesuada laoreet. Praesent suscipit tempor neque, vel tempus turpis vehicula id. Maecenas lorem nibh, adipiscing dignissim facilisis vel, gravida eget enim. Ut malesuada viverra mi, id vulputate mi bibendum euismod. Sed nunc justo, tempor quis accumsan eget, consequat ut nulla.

Lorem ipsum dolor sit amet.

Good example

Example 1

Example 2

---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet quam elit. Phasellus eu nibh nec lorem vehicula bibendum. Proin a elit dui, vel semper metus. Etiam ultrices mattis mauris, a interdum quam commodo vitae. Suspendisse non augue vel eros ultricies luctus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin elementum volutpat justo et lobortis.

Nunc nec nibh nisi, pretium dapibus lorem. In sollicitudin auctor dui, vel eleifend dolor consequat elementum. Vestibulum eget libero rhoncus dui scelerisque venenatis sit amet non nisi. Nam eu arcu purus. Integer dictum interdum orci semper condimentum. Vivamus gravida libero eget tellus cursus eu tincidunt elit volutpat. Phasellus eu nisi odio.

Cras in euismod massa. Nam sit amet urna sit amet massa molestie ullamcorper. Donec ipsum justo, mollis ut feugiat ac, sagittis non neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In non urna sit amet sem sollicitudin pulvinar non et metus. Cras nec neque at nulla eleifend cursus. Sed pretium scelerisque justo eget volutpat. Curabitur nisi leo, rhoncus et posuere non, tempor eu tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam odio nisi, luctus sed consequat sit amet, dictum a lectus. Duis vel dolor nisl, quis posuere lectus. Nunc dictum lorem at odio tristique porttitor.

Mauris scelerisque pretium est, vitae auctor leo tempor sodales. Integer mi metus, euismod at venenatis non, tincidunt at purus. Mauris consequat mi quis velit euismod nec tempus lacus cursus. Pellentesque iaculis ornare convallis. Cras quis neque ut lorem sodales fringilla in quis erat. Integer at odio nunc, vel varius nulla. Vivamus a lectus nec sem tristique consequat. Sed nec imperdiet nisl.

Aliquam mauris diam, sodales sit amet accumsan non, feugiat sit amet mauris. Nulla facilisi. Nam nec ligula et leo laoreet fermentum. Aenean nec congue urna. Aenean auctor sapien id est adipiscing varius fringilla ligula eleifend. Duis condimentum, justo sollicitudin mollis ullamcorper, turpis mi consectetur lacus, et adipiscing nisl ante ac mauris. Aliquam erat eros, consequat sit amet accumsan vitae, faucibus in felis. Vestibulum ac turpis velit. Nam sed turpis non sem malesuada laoreet. Praesent suscipit tempor neque, vel tempus turpis vehicula id. Maecenas lorem nibh, adipiscing dignissim facilisis vel, gravida eget enim. Ut malesuada viverra mi, id vulputate mi bibendum euismod. Sed nunc justo, tempor quis accumsan eget, consequat ut nulla.

---

Lorem ipsum dolor sit amet.

 

[Zakamutt]

What page stretching?

 

[HappyTauren]

It doesn't stretch for me, I use chrome.

 

[Vengeancekael]

Well, OG what's your screen's resoultion?

 

[HappyTauren]

I shrink my chrome window and it still doesn't stretch, I think this has to do with browser or cache.

OffGraphic, try cleaning your cache first, maybe you have some old scripts in it.

 

[Cihparg]

By streching I mean

Example 1

Example 2

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mattis turpis iaculis mi fermentum sagittis. Donec luctus, enim vel convallis lobortis, leo enim dignissim augue, ut tincidunt ipsum lorem feugiat nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ipsum sapien, ornare a imperdiet in, ultricies nec augue. Duis aliquet, mi at aliquam tincidunt, dolor est congue dolor, non ultricies velit elit vitae magna. In hac habitasse platea dictumst. Suspendisse tristique turpis ut eros varius sollicitudin. Aliquam lobortis, augue eu imperdiet blandit, diam tellus venenatis purus, in euismod lectus arcu at nulla. Fusce id libero sed nulla feugiat interdum. Sed eget nisi est.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus nibh purus, ullamcorper quis tempor id, sodales a nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse in vestibulum erat. Suspendisse vulputate porttitor porttitor. Nunc eget lectus id ligula condimentum tempus nec venenatis est. Vivamus ut euismod eros. Phasellus eros orci, interdum id pretium pretium, laoreet vitae velit. Ut volutpat iaculis auctor. Integer vehicula, dolor id commodo eleifend, libero turpis auctor metus, et pellentesque metus nulla sit amet nunc. Vivamus ultricies lacinia leo non scelerisque. Donec tincidunt semper accumsan.

Praesent varius viverra augue malesuada laoreet. Sed sed dictum quam. Curabitur lobortis odio vitae erat feugiat vehicula. Etiam venenatis sapien vitae diam fringilla a scelerisque quam tempus. Fusce imperdiet diam sit amet sapien porta congue. In neque urna, convallis ut posuere in, auctor eget nibh. Nulla facilisi. Praesent varius suscipit tellus sed convallis. Pellentesque in quam urna, id auctor libero. Etiam vel nisi varius velit tristique mollis. Vestibulum at sollicitudin arcu. Pellentesque iaculis pellentesque eleifend. Donec fringilla eros eget dui ullamcorper convallis. Praesent scelerisque velit in dui egestas viverra. Nulla pellentesque lacus sed lectus tincidunt volutpat tristique lectus ultricies. Phasellus lectus ante, blandit non ullamcorper eget, convallis non quam.

Praesent tristique dignissim pellentesque. Aliquam feugiat, ipsum in venenatis fringilla, mauris neque cursus nisi, sit amet dictum dui ipsum ut metus. Morbi ullamcorper erat sed turpis hendrerit in feugiat nulla euismod. Cras lobortis turpis sed felis lobortis id feugiat orci accumsan. Mauris quis turpis massa. Nulla porta tempus nisi vitae congue. In euismod erat turpis. Integer facilisis sollicitudin fermentum. Cras ante nulla, dictum in porttitor id, ultrices sed nisi. Suspendisse at ligula ac mauris tristique sodales eu congue eros. Donec fringilla libero in libero lobortis pellentesque. Maecenas neque eros, vehicula id tempus ac, bibendum pharetra purus. Integer posuere facilisis lorem at blandit. Duis mauris purus, dignissim id blandit sed, sagittis eget mi.

In scelerisque lacus eu sapien condimentum consectetur. Sed sit amet sapien odio. Integer dignissim accumsan est at sollicitudin. Curabitur facilisis felis id nisi facilisis aliquam. Etiam vel ligula libero, nec facilisis mauris. Quisque eu porttitor purus. Quisque mattis eros ac magna faucibus dictum. Donec mattis ipsum non erat mattis vitae fringilla neque feugiat. Nunc consequat fringilla orci, quis pellentesque urna vulputate vel. Quisque eget nibh eu velit varius faucibus vel id tortor. Mauris accumsan justo vitae velit porta rutrum. Praesent orci justo, eleifend nec gravida et, aliquam nec ligula.

It was not that much visible in the first post due to example 2, and it still is not.

 

[Vengeancekael]

Oh I see. Great idea

 

[HappyTauren]

Ah, that's what you meant. Well, it's good you can make it either way.

 

[Vengeancekael]

Moved to Site Discussion & changed the title.