Getting Started

To use the Core framework in your pages, reference the required resources from the ImmobilienScout24 Static server. This will enable cross-application caching, reduce cookie size for static files, and has a few other advantages that come with serving resources from another domain.

  1. Implementation
  2. Page Structure
  3. Optional Includes
    1. Modernizr
  4. Archived Package

Implementation

The core.css file is the heart of the Core styles. It will load all other necessary resources.

CSS inclusion
<link rel="stylesheet" type="text/css" href="//www.static-immobilienscout24.de/fro/core/1.1.1/css/core.min.css" />

If you need to support Internet Explorer 8, you will need to also include a variant of the Core CSS which does not require media queries.

Additional CSS inclusion for IE8 compatibility
<link rel="stylesheet" type="text/css" href="//www.static-immobilienscout24.de/fro/core/1.1.1/css/core.min.css" />
<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" type="text/css" href="//www.static-immobilienscout24.de/fro/core/1.1.1/css/core_no-mq.min.css" />
<![endif]-->

Page Structure

The only element that is required in your document body is a page wrapper (page-wrapper). This wrapper will apply some basic styles to your page, such as max page width, so that users will have a consistent experience across different applications.

Page structure
<body>
    <div class="page-wrapper">
        <!-- Your content goes here -->
    </div>
</body>

Optional Includes – JavaScript Dependencies

Modernizr

The modernizr script is mainly a feature detection tool. It will also enable older browsers to display (though not understand) HTML5 elements (such as the <header> and <article> tags found throughout this documentation).

Modernizr.js include
<script type="text/javascript" src="//www.static-immobilienscout24.de/fro/modernizr/2.6.2/modernizr.custom.min.js"></script>

Note: You can leave this out if you are not going to use HTML5 elements and have no use for JS-based feature detection.

Archived Package

If for whichever reason you need a local copy of the Core package, you can find it archived here:

Download Core resources, v1.1.1