Test

Css code posted
created at 05 Nov 18:34

Edit | Back 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
<html>
<head>
<title>Simplon Kataloge</title>
</head>
<body>
  
<div class="issuu_wrapper">
  <h3 style="color:#003a78;">EINLEITUNG</h3>
    <iframe class="issuu" width="525" height="186" src="//e.issuu.com/embed.html#13788751/9558534" frameborder="0" allowfullscreen></iframe>
</div>

<div class="issuu_wrapper">
  <h3 style="color:#af1e2d">MOUNTAINBIKE</h3>
    <iframe class="issuu" width="525" height="186" src="//e.issuu.com/embed.html#13788751/9559813" frameborder="0" allowfullscreen></iframe>
</div>

<div class="issuu_wrapper">
  <h3 style="color:#00adef">RENNRAD</h3>
    <iframe class="issuu" width="525" height="186" src="//e.issuu.com/embed.html#13788751/9560136" frameborder="0" allowfullscreen></iframe>
</div>  
  
<div class="issuu_wrapper">
  <h3 style="color:#acb600" lang="de">E-BIKE</h3>
    <iframe class="issuu" width="525" height="186" src="//e.issuu.com/embed.html#13788751/9560330" frameborder="0" allowfullscreen></iframe>
</div>  
  
<div class="issuu_wrapper">
  <h3 style="color:#5a6d0f;">ACTIVE LIFESTYLE</h3>
    <iframe class="issuu" width="525" height="186" src="//e.issuu.com/embed.html#13788751/9561495" frameborder="0" allowfullscreen></iframe>
</div>  
  
<div class="issuu_wrapper">
  <h3 style="color:black">TEST CENTER, BEKLEIDUNG, TECHNISCHE DATEN</h3>
    <iframe class="issuu" width="525" height="186" src="//e.issuu.com/embed.html#13788751/9791636" frameborder="0" allowfullscreen></iframe>
</div>  
  
<br><br>
  
<div class="issuu_wrapper">
  <h3>Preisliste EUR</h3>
    <iframe class="issuu" width="525" height="186" src="//e.issuu.com/embed.html#13788751/9581177" frameborder="0" allowfullscreen></iframe>
</div>

<div class="issuu_wrapper">
  <h3>Preisliste CHF</h3>
    <iframe class="issuu" width="525" height="186" src="//e.issuu.com/embed.html#13788751/9581142" frameborder="0" allowfullscreen></iframe>
</div>
  
  
<style type="text/css">
  .issuu_wrapper{
    width: 60%;
  }
@media only screen and (max-width: 1024px) {
  .issuu_wrapper{
    width: 100%;
    height: 100%;
  }}
</style>

<script>
$(document).ready(function(){
  function issuu(){
    var issue = $(".issuu");
    issue.attr({
      "width"  : issue.parent().innerWidth(),
      "height" : issue.parent().innerWidth() * .5625
    });
  }
  $(function() {
    issuu();
    $(window).resize( jQuery.debounce( 150, false, function(e){
      issuu();
    }));
  });
});
</script>  
  
  


</html>
2.44 KB in 6 ms with coderay