Guten Abend,
Ich kann es nicht verstehen, eigentlich sollen die beiden Elemente bei schmalem Fenster untereinander stehen, so habe ich es jedenfalls in einem Tutorial gelernt. Hat in einem Testversuch auch ganz normal funktioniert, nur bei meinem Projekt nicht:
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title></title>
<link rel="stylesheet" href="all_style.css" type="text/css">
</head>
<body>
<main>
<aside>
<h2>Empfehlung</h2>
<ul>
<li>Prozesskostenrechner</li>
<li>aktuelle Rechtsprechung</li>
<li>Streitschlichtung</li>
</ul>
</aside>
<article>
<div><h1>Philosophie</h1>
<p><img style="float: left; margin-right: 9px;" src="http://a1.files.biography.com/image/upload/c_fill,cs_srgb,dpr_1.0,g_face,h_300,q_80,w_300/MTE5NDg0MDU1MDEwMjQ4MjA3.jpg" border="" height="100px" width="100px" alt="Thomas Jefferson" /><em>"Wenn die Natur ein Ding am wenigsten tauglich für alleiniges Eigentum gemacht hat, so ist das die denkende Kraft, die man "Idee" nennt, die ein Individuum nur solange alleinig besitzt, solange es sie für sich behält; aber in dem Moment, in dem sie ausgeplaudert wird, bringt sie sich selbst in den Besitz eines jeden ... Ebenso ist es ihr eigentümlich, dass niemand weniger besitzt, denn jeder besitzt sie als ganzes ... so wie der, der seine Fackel an meiner entzündet, das Licht empfängt, ohne mich ins Dunkel zu stürzen. Dass sich Ideen frei vom einem zum anderen über den Erdball verbreiten sollen, zur moralischen und gegenseitigen Anleitung des Menschen, und der Verbesserung seiner Lebensumstände, scheint einzigartig und gütig von der Natur eingerichtet worden zu sein. ... Erfindungen können also, ihrer Natur nach, kein besitzbares Gut sein."</em> Thomas Jefferson in einem Brief an Isaac McPherson</p>
</div>
</article>
</main>
</body>
</html>
Alles anzeigen
Code
body {background-color:#FFF;
border:0;
text-align: center;
margin: 0;
}
img {border:0;}
div {border:0 transparent none;margin:0}
a {border:0 transparent none;text-decoration:none;color:white;}
a:hover {text-decoration:none;color:#FFD08C;}
a:focus {outline: none;}
article {
width: 44em;
}
aside {
font: 1.2em georgia;
color: #FFFF00;
float: right;
}
aside ul {
list-style: none;
}
Alles anzeigen
Was habe ich falsch gemacht?