Minnesota Department of Transportation

511 Travel Info

Design System

Horizontal scroll

Some content may need to be wider than the column to display properly. This is very important as the column gets narrower for smaller screens, such as mobile devices. The class scrollcontent can be applied to a div that surrounds the content to prevent the content from scaling to the width of the column. This can be useful for content such as:

  • Tables
  • Image maps
  • Embeds that don't scale

Example table:
A border has been applied to show the size of the scroll area (style="border: solid 1px #BFCFE6;").

County  Urban Area Route From/To Length/ADT LOS or other
(or other congestion rating)
Importance of facility to
regional and state travel
Description of challenge/deficiency Improvement Needed Estimated Cost of Improvement Needed
Multiple Twin Cities Metro Systemwide Twin Cities Metro Area N/A N/A Interstate/Freeway System Decreased travel time reliability due to accidents, other traffic characteristics System-wide Active Traffic Management (e.g. Traveler information systems, dynamic signing and re-routing, dynamic shoulder lanes, and other improvements) $255,000,000-$345,000,000
Multiple Twin Cities Metro 11 Routes (I-35W at I-694, I-394 at MN 100, I-694 at I-94/MN 252, MN 101, MN 47, MN 7, MN 51, MN 65, US 8, MN 55 at US 61, I-494) Twin Cities Metro Area N/A N/A Interstate/Freeway System Traffic congestion bottlenecks (Tier 1 Congestion Mitigation and Safety Projects) High return on investment capacity enhancements and spot improvements (e.g. interchange reconstruction, auxiliary lanes, and other improvements) $500,000,000-$675,000,000
Multiple Twin Cities Metro 17 Routes (I-35, I-35E, I-35W at I-694, I-394 at US 169 and I-94, I-494, I-694, I-94 at I-35W, I-94 at I-35E, US 10 at MN 47 and I-35W, MN 101 at I-94, MN 120, MN 13, US 169, MN 36 at I-35E and MN 120, MN 5, MN 55 at MN 100, MN 62 at MN 100, MN 7) Twin Cities Metro Area N/A N/A Interstate/Freeway System Traffic congestion bottlenecks (Tier 2 Congestion Mitigation and Safety Projects) High return on investment capacity enhancements and spot improvements (e.g. interchange reconstruction, auxiliary lanes, and other improvements) $500,000,000-$675,000,000

The code

The code will look like the following:

<div class="scrollcontent">

<table width="2400">

</table>

</div>

or

<div class="scrollcontent">

<div width="800">

<img />

</div>

</div>

or

<p class="scrollcontent">

<script language="JavaScript" type="text/javascript"
src="http://www.earthcam.net/projects/mndot/stcroixcrossingbridge/player.js"></script>

</p>