Bobobobo's Weblog » html http://bobobobo.wordpress.com technology and the internets Mon, 30 Nov 2009 16:56:23 +0000 http://wordpress.com/ en hourly 1 http://www.gravatar.com/blavatar/0e8d17c68f90a18a1e89a776717e00e2?s=96&d=http://s.wordpress.com/i/buttonw-com.png Bobobobo's Weblog » html http://bobobobo.wordpress.com getting quirks mode to show up http://bobobobo.wordpress.com/2009/07/22/getting-quirks-mode-to-show-up/ http://bobobobo.wordpress.com/2009/07/22/getting-quirks-mode-to-show-up/#comments Wed, 22 Jul 2009 11:14:14 +0000 bobobobo http://bobobobo.wordpress.com/?p=1322 ]]>

Try this page out.

Remove the <!doctype> declaration at the top of the page to see quirks mode in action.


<!doctype html>
<html>
<head>
<style>
ul
{
  list-style-type: none;
}

li
{
  /*
    ie old rules width referred to
    the combination of borders,
    padding, AND what's inside the element.

    standards say WIDTH EXCLUDES PADDING, borders.
  */
  margin: 20px ;
  padding: 20px 40px;
  width: 250px;
  border: solid 2px black;
  background-color: #eee;
}
</style>
</head>

<body>
  <ul>
    <li>Digger</li>
    <li>Styx</li>
    <li>Heroes of might and magic</li>
    <li>world of warcraft</li>
  </ul>
</body>
</html>
Posted in html ]]> http://bobobobo.wordpress.com/2009/07/22/getting-quirks-mode-to-show-up/feed/ 0 bobobobo how to force horizontal scroll iness on any browser http://bobobobo.wordpress.com/2009/01/08/how-to-force-horizontal-scroll-iness-on-any-browser/ http://bobobobo.wordpress.com/2009/01/08/how-to-force-horizontal-scroll-iness-on-any-browser/#comments Thu, 08 Jan 2009 22:39:23 +0000 bobobobo http://bobobobo.wordpress.com/?p=566 ]]>

Well, sometimes it doesn’t work as you’d like:

html like:

<div style=”overflow: scroll”>
i want this text to force a horizontal scrollbar if it overflows at the right yeaaaaaaaaaaaaaaaaaaaaah
</div>

On firefox at least, it doesn’t give a nice horizontal scrolly.

To force it, surround the <div> in a <pre> tag.

<pre style=”font-family: arial”> <– you aren’t forced to use monospace just because in pre –>
<div style=”overflow: scroll”>
i want this text to force a horizontal scrollbar if it overflows at the right yeaaaaaaaaaaaaaaaaaaaaah
</div>
</pre>

Posted in html ]]> http://bobobobo.wordpress.com/2009/01/08/how-to-force-horizontal-scroll-iness-on-any-browser/feed/ 0 bobobobo