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.
Implementation
The core.css file is the heart of the Core styles. It will load all other necessary resources.
<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.
<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.
<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).
<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