css: div elemente

ZuVieL · 19. Oktober 2006

ich habe zwei div elemente, ein großes, wo ein kleines draufliegt, kann ich es unterbinden, dass der text im großen hinter dem kleinen nicht weiterausgegebn wird, sondern umgebrochen wird?

geloescht_JesterDay · 19. Oktober 2006


<?xml version="1.0"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

  <head>

    <title>New Document</title>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

  </head>

  <body>

  <div style=" margin: 5em; border: 1px solid #ff0000;">


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam scelerisque. Donec semper. Proin porttitor justo a nulla. Suspendisse id mi. Suspendisse vel lacus. Nam tempor viverra neque. Etiam id neque eu massa gravida vulputate. Nam dolor orci, ultrices ut, tempor sed, lobortis dapibus, elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ac ipsum et tellus blandit auctor. Aliquam ornare lectus at risus. Fusce malesuada laoreet diam. Sed feugiat malesuada mauris. Morbi erat. Etiam sagittis, diam sed convallis elementum, neque ligula dictum ipsum, id facilisis nibh metus eget felis. Donec ornare. Donec varius dui placerat metus. Pellentesque eros dui, faucibus in, vehicula eget, pretium non, enim. Suspendisse potenti.

    <div style="width: 50%; float: left; color: #ff0000; border: 1px solid #00ff00; margin-left: 25%;">

Pellentesque cursus facilisis lectus. Morbi vehicula lacus ut arcu. Mauris sagittis odio. Donec adipiscing nisi sed sem. Cras eu lectus. Aliquam nulla. Nullam turpis nisi, euismod vel, ultricies id, placerat varius, augue. Phasellus mollis adipiscing lacus. Maecenas et risus a urna congue vehicula. Proin vel urna. Integer ligula dolor, lacinia ac, venenatis eu, convallis quis, purus. Donec tincidunt lorem. Cras tincidunt pellentesque quam. Proin sit amet purus sodales massa pulvinar porttitor. Aliquam a dolor.

    </div>

Cras nibh. Aenean nonummy bibendum justo. Mauris magna nulla, tristique a, semper ut, lobortis consectetuer, mi. Vestibulum tincidunt, pede at tempus porttitor, dui dui ornare felis, eu cursus augue diam eu elit. Mauris ut metus. Nunc venenatis enim in turpis. Vestibulum vitae elit vel elit semper venenatis. Fusce ornare. Quisque sagittis, tellus ac consequat viverra, diam diam ultricies neque, quis interdum nibh libero eget nisi. Suspendisse potenti. Morbi vitae sapien nec odio gravida iaculis. Nullam in ante et quam volutpat euismod. Curabitur posuere sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc id massa. Curabitur aliquet lacus ut quam. Nullam condimentum iaculis lacus. Sed scelerisque. Curabitur mi justo, scelerisque ac, dictum a, pellentesque non, ante.



  </div>

  </body>

</html>

Sowas?

ZuVieL · 19. Oktober 2006

ne nicht ganz, hab mir das so vorgestellt.

<html>

<head>

<title>test</title>

<style>

body {

	background-color:#FFB591;

	font-size: 8pt;

	color: #000000;

	font-family: tahoma;

	text-decoration: none;

}

#content {

	position:absolute;

	left0;

	top:15;

	width:752;

	border: #000000 1px solid;

	background-color: #FFFFFF;

    padding: 5px;

    z-index:auto;

    clear:left;

}

#navi {

	position:absolute;

	left:600;

	top:15;

	width:160;

	border: #000000 1px solid;

	background-color: #FFFFFF;

    padding: 5px;

    z-index:1;

    clear:left;



}

</style>

</head>

<body>


<div id='navi'>

	<img src="" height="150" width="150">

    <br># <a href="">Druckversion</a>

    <br># <a href="">Weitere Info</a>

    <br># <a href="">Auto Info</a>

    <br># <a href="">Release Info</a>

    <br># <a href="">Teststellung anfordern</a>

    <br>

    <br>

</div>

<div id='content'>

<b> Vorteile</b>

<li>Unterstützt Ethernet, WAN und ATM</li>

<li>Einsetzbar bei Datenraten von 56 kbit/s bis 1 Gbit/s</li>

<li>Umfangreiche Filterung, Aufzeichnung und Echtzeit-Decodierung</li>

<li>Expertensystem zur automatischen Erkennung von Protokollfehlern</li>

<li>Network Troubleshooting Center Software (NTC) für die zentrale Steuerung des Systems ist enthalten</li>

<br>

<br>

<b> Anwendungen </b>

<li>WAN-Analyse von V/X, T1/E1 und E3/DS3-Schnittstellen für Frame Relay, PPP, HDLC, Cisco-HDLC und PRI

<li>Gigabit-Analysen an 1000BaseSX, LX und TX mittels GBICs

<li>Auch als reine Softwarelösung lieferbar, die auf jedem entfernten netzverbundenen PC installiert werden kann

<li>Analyse der VoIP-Sprachqualität in Echtzeit

<li>Real-Time 24x7, 7-Schichten Statistiken und Alarme mit konfigurierbaren Aktionen über NTC

<br><br>

wurden. Diese Feststellung gilt für alle innerhalb des eigenen Internetangebotes gesetzten Links und

Verweise sowie für Fremdeinträge in vom Autor eingerichteten Gästebüchern, Diskussionsforen,

Linkverzeichnissen, Mailinglisten und in allen anderen Formen von Datenbanken, auf deren Inhalt

externe Schreibzugriffe möglich sind. Für illegale, fehlerhafte oder unvollständige Inhalte und

insbesondere für Schäden, die aus der Nutzung oder Nichtnutzung solcherart dargebotener Informationen

entstehen, haftet allein der Anbieter der Seite, auf welche verwiesen wurde, nicht derjenige, der über

Links auf die jeweilige Veröffentlichung lediglich verweist. <br>

<br>

<b>Bla bla bla bla bla</b>

<br>

<br>

Der Autor übernimmt keinerlei Gewähr für die Aktualität, Korrektheit, Vollständigkeit oder Qualität der

bereitgestellten Informationen. Haftungsansprüche gegen den Autor, welche sich auf Schäden materieller

oder ideeller Art beziehen, die durch die Nutzung oder Nichtnutzung der dargebotenen Informationen bzw.

durch die Nutzung fehlerhafter und unvollständiger Informationen verursacht wurden, sind grundsätzlich

ausgeschlossen, sofern seitens des Autors kein nachweislich vorsätzliches oder grob fahrlässiges Verschulden vorliegt.

Alle Angebote sind freibleibend und unverbindlich. Der Autor behält es sich ausdrücklich vor, Teile der

Seiten oder das gesamte Angebot ohne gesonderte Ankündigung zu verändern, zu ergänzen, zu löschen oder die

Veröffentlichung zeitweise oder endgültig einzustellen.

</div>



</body>

</html>

aber der text soll unter dem anderen element nicht weitergehen

geloescht_JesterDay · 19. Oktober 2006


#content {

    width:752;

    border: #000000 1px solid;

    background-color: #FFFFFF;

    padding: 5px;

}

#navi {

    border: #000000 1px solid;

    background-color: #FFFFFF;

    padding: 5px;

    float:right;

}

Und dazu deine navi in das content div.

EDIT:

Die sonstigen HTML Fehler solltest du auch noch ausbessern

dennisderweber · 19. Oktober 2006

floating gut erklärt:

http://css-technik.de/css-examples/219_9/

Anmelden

css: div elemente

Empfohlene Beiträge

ZuVieL

Link zu diesem Kommentar

Auf anderen Seiten teilen

geloescht_JesterDay

Link zu diesem Kommentar

Auf anderen Seiten teilen

ZuVieL

Link zu diesem Kommentar

Auf anderen Seiten teilen

geloescht_JesterDay

Link zu diesem Kommentar

Auf anderen Seiten teilen

dennisderweber

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

Umsehen

Aktivitäten

Stellenanzeigen

Blog

Über Fachinformatiker.de