LinkBack URL
About LinkBacks
Zitierenwas ist das denn für ein Trick ?
width:100.01%
Hallo!
Mchte mir ein Lyout per CSS erstellen. Ist mein erstes und für mich
daher absolutes Neuland.
Hier der Code:
HTML
Hier die css DateiCode:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Gedichte</title> <link rel="stylesheet" type="text/css" href="layout_eilebrecht.css"> </head> <body> <!--beginn container--> <div id="container"> <div id="header"> <h1 id="headerUeberschrift">Gedicht</h1><br> <h3 id="headerUeberschrift">Ludwig Uhland</h3> </div><!--end header--> <div id="menue_links"> <ul id="m_links"> <li>Was ist Eilebrecht</li> <li>Link 2</li> <li>Link 3</li> <li>Link 4</li> <li>Link 5</li> </ul> </div><!--end menue_links--> <div id="content"> <h1>Ludwig Uhland</h1> <br> <p>Es stand in alten Zeiten ein Schloß, so hoch und hehr,<br> Weit glänzt es über die Lande bis an das blaue Meer,<br> Und rings von duft'gen Gärten ein blütenreicher Kranz,<br> Drin sprangen frische Brunnen in Regenbogenglanz.</p> <br> <p>Dort saß ein stolzer König, an Land und Siegen reich,,<br> Er saß auf seinem Throne so finster und so bleich;,<br> Denn was er sinnt, ist Schrecken, und waser blickt, ist Wut,,<br> Und was er spricht, ist Geißel, und was er schreibt, ist Blut.</p><br> <p>Einst zog nach diesem Schlosse ein edles Sängerpaar,,<br> Der ein' in goldnen Locken, der andre grau von Haar;,<br> Der Alte mit der Harfe, der saß auf schmuckem Roß,,<br> Es schritt ihm frisch zur Seite der blühende Genoß.,</p><br> <p>Der Alte sprach zum Jungen: "Nun sei bereit, mein Sohn!,<br> Denk unsrer tiefsten Lieder, stimm an den vollsten Ton!,<br> Nimm alle Kraft zusammen, die Lust und auch den Schmerz,,<br> Es gilt uns heut, zu rühren des Königs steinern Herz.",</p><br> <p>Schon stehn die beiden Sänger im hohen Säulensaal,,<br> Und auf dem Throne sitzen der König und sein Gemahl,,<br> Der König furchtbar prächtig wie blut'ger Nordlichtschein,,<br> Die Königin süß und milde, als blickte Vollmond drein.</p><br> <p>Da schlug der Greis die Saiten, er schlug sie wundervoll,,<br> Daß reicher, immer reicher der Klang zum Ohre schwoll;,<br> Dann strömte himmlisch helle des Jünglings Stimme vor,,<br> Des Alten Sang dazwischen wie dumpfer Geisterchor.</p><br> <p>Sie singen von Lenz und Liebe, von sel'ger goldner Zeit,<br> Von Freiheit, Männerwürde, von Treu' und Heiligkeit,,<br> Sie singen von allem Süßen, was Menschenbrust durchbebt,,<br> Sie singen von allem Hohen, was Menschenherz erhebt.</p><br> <p>Die Höflingsschar im Kreise verlernet jeden Spott,,<br> Des Königs trotz'ge Krieger, sie beugen sich vor Gott;,<br> Die Königin, zerflossen in Wehmut und in Lust,,<br> Sie wirft den Sängern nieder die Rose von ihrer Brust.</p><br> <p>"Ihr habt mein Volk verführet; verlockt ihr nun mein Weib?",<br> Der König schreit es wütend, er bebt am ganzen Leib;,<br> Er wirft sein Schwert, das blitzend des Jünglings Brust durchdringt.,<br> Draus statt der goldnen Lieder ein Blutstrahl hoch aufspringt.</p><br> </div><!--end content--> <div id="footer">Footer</div><!--end footer--> </div><!--end container--> </body> </html>
Habe jetzt zwei Probleme bei dennen ich nicht weiterkomme.Code:* {margin:0; padding:0;} html {hight:100.01%; font-size:100%; } body {width:100.01%; display:block; background-color:ffffcc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; } #container {width:960px; margin:0 auto; } #header {width:960px; height:100px; background-color:#ffffcc; font-family:Verdana, Arial, Helvetica, sans-serif; } /* Einstellungen für Menü links */ #menue_links {float:left; width:200px; height:750px; background-color:#99FFCC; } ul#m_links { list-style-type:none; text-align:left; padding-left:10px; padding-top:10px; padding-bottom:20px; } ul#m_links li {display:inherit; float:left; width:190px; } /*hier ist der inhalt des Dokumnts*/ #content {background-color:#EAEAEA; height:750px; padding-left:10px; padding-right:40px; padding-bottom:0px; } /*Fusszeile*/ #footer { width:960px; height:25px; background-color:#ff9900; } h1#headerUeberschrift {color:#3300FF; text-align:center;} h3#headerUeberschrift {color:#3300FF; text-align:center;}
Zwischen dem Menü und dem Content habe ich so einen weissen Streifen.
Wie bekomme ich den Weg?
Wenn der Text im Content länger wird als die Höhe die für den Content
angegeben ist, wird der Content Automatisch vergössert.
Ich möchte aber immer eine fixe grösse für den Content und das Menü haben.
Wenn mehr Text im Content steht sollte nur im Content eine Bildlaufleiste
eingeblendet werden.
Wie bekomme ich das hin?
Vielen dank schon im voraus für jede Hilfe.
gruss
Kiron
was ist das denn für ein Trick ?
width:100.01%
Hallo!
Das ist nur ein Kopierfehler habe vergessen es zu ändern.was ist das denn für ein Trick ?
width:100.01%
Allerdings ist das nicht die Ursache für die zwei Probleme
die ich angefragt habe.
Der weisse Streifen tritt auch nur im IE Exolorer auf
nicht im Firefox.
Dafür funktioniert padding-left:10px; im Firefox
nicht. Warum nicht.
Vielen Dank schon im voraus für jede Hilfe.
gruss
Kiron
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)