Hat funktioniert vielen dank:)
Beiträge von Thomas_Report
-
-
Ist gemacht
- - - Aktualisiert - - -
Ok ich hab eine Lösung die über jQuery funktioniert gefunden. Falls jemand eine rein HTML/CSS Lösung noch kennt bitte posten
Hier ist die Lösung.Code<script> $(document).ready(function() { var article = $('article'), aside = $('aside'), articleHeight = article.css('height'); aside.css({ 'height':articleHeight }); }); </script>
Das wird einfach direkt vor </body> gepostet
und in den <head> Bereich kommt noch.
<script src="http://ajax.googleapis.com/ajax/libs/jque…2/jquery.min.js"></script>
-
Guten Abend.
Mein Problem ist das ich den Section und Aside Block nicht automatisch auf die exakt selbe höhe bekomme.
Müsste der Section Bereich in seiner höhe nicht Variable sein wäre, das ja kein Problem aber naja so ist es halt leider nicht [Blockierte Grafik: http://www.der-webdesigner.net/public/images/…/icon_smile.gif]HTML
Alles anzeigen<!DOCTYPE html> <html> <head> <title>Titel und so</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <dir id="site"> <header>Titel und so</header> <div id="steuerung">Steuerung</div> <section> <article><h1>fdlfsjsfdjodfjjdfjdf</h1><br />dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd"</article> </section> <aside>ASIDE</aside> <footer>FOOTER</footer> </dir> </body> </html>
und hier die css:
HTML
Alles anzeigenheader{ width: 900px; height: 200px; background-color: orange; float: left; } section{ width: 700px; background-color: blue; float: left; word-wrap:break-word; } aside{ margin-bottom: 10px; width: 200px; background-color: red; float: right; } footer{ height: 2em; width: 100%; background-color: pink; clear: both; } #site{ width: 900px; background-color: black; margin: auto; } #steuerung{ background-color: brown; width: 100%; float: left; } body{ background-color: black; } *{ padding: 0px; margin: 0px; }
Bild: http://postimg.org/image/lwrgb6bi9/
Das Blaue ist der Section und das Rote der Aside Bereich.
-
-
index.html
http://nopaste.info/af5e47de04.htmlstyle.css
http://nopaste.info/e8175811d7.htmlAuf dem Bild kann man das Problem glaube ich gut erkennen.
Ich machs kurz.
Es wäre kuhl, wenn mir jemand sagen könnte wie der Text nicht mehr aus seinem
Bereich rausgeht z.B einem Section Bereich wie in diesem fall.