Divtag zeilenumbruch zuweisen

von **Cell** am 23.01.2006, 19:00

Also ich hab nen Div ocntainer als content und sobald ich mal nen langen satz schreibe sprengt es mir zwar nich den rahmen, da ich overflow drin hab, aber es gibt keinen automatischen zeilenumbruch....
jetzt wollte ich fragen wie ich das anstellen kann bzw ob sowas ueberhaupt geht?!?!

von **powerschulzi** am 23.01.2006, 19:08

Ich würde dem div mit width eine Breite zuweisen und dann mit padding den Abstand bestimmen, wo der Zeilen umbruch sein soll.
Normalerweise geht das aber automatisch.

von **Cell** am 23.01.2006, 19:12

mit padding und wie mach ich das ?
:oops:

von **powerschulzi** am 23.01.2006, 19:20

Angenommen du hast einen Rahmen und in der Mitte den Content als einen divcontainer.
Dem divcontainer weißt du per CSS eine bestimmte Größe zu, also zB

Code: Alles auswählen: #quadrat { width:500px; height:500px; }

mit padding legste dann noch fest, welchen Mindestabstand der Text zum Rand haben soll.

Code: Alles auswählen: #quadrat { width:500px; height:500px; padding:100px; }

Dann hätte der Inhalt deines quadratdovcontainers einen Abstand von 100 Pixeln zu allen Seiten.
Mit padding-left, -right, -top, und padding-bottom kannste das auch genauer machen :wink:

Ich hoffe, ich hab hier nu nichts falsches geschrieben :oops:

von **Cell** am 23.01.2006, 19:27

wenn ich bei padding nen abstand einstelle dann wirds gesprengt =(
aber ich hab glaub ich ne idee

von **Manuel** am 23.01.2006, 20:25

Dann poste mal deinen Quellcode, denn so klappts auf jeden Fall.

von **Cell** am 23.01.2006, 20:41

Okay ich habs auch shcon anders hinbekommen aber dann kommt ein anderes problem -.-
http://www.gfx24.de/Board/jgs_db.php?action=show&eintrags_id=7&katid=5
solche scrollbuttons will ich einfuegen, aber wenn ich das mache, dann scrollen die scrollbuttons mit!!!
So hier der Quelltext!
Sorry wenn er unuebersichtlich ist... wird noch geändert!

Code: Alles auswählen: <HTML> <HEAD> <script type="text/javascript" language="JavaScript"> function rauf_runter(wert) { document.getElementById("content").scrollTop=parseInt(document.getElementById("content").scrollTop)+wert } </script> <TITLE>Homepage v4_Webready</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <link href="Content.css" rel="stylesheet" type="text/css"> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>  <TABLE WIDTH=763 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=16> <IMG SRC="images/Homepage-v4_Webready_01.jpg" WIDTH=763 HEIGHT=3 ALT=""></TD> </TR> <TR> <TD ROWSPAN=3> <IMG SRC="images/Homepage-v4_Webready_02.jpg" WIDTH=2 HEIGHT=56 ALT=""></TD> <TD COLSPAN=3 ROWSPAN=3> <IMG SRC="images/Homepage-v4_Webready_03.jpg" WIDTH=155 HEIGHT=56 ALT=""></TD> <TD ROWSPAN=13> <IMG SRC="images/Homepage-v4_Webready_04.jpg" WIDTH=16 HEIGHT=492 ALT=""></TD> <TD COLSPAN=11> <IMG SRC="images/Homepage-v4_Webready_05.jpg" WIDTH=590 HEIGHT=34 ALT=""></TD> </TR> <TR> <TD ROWSPAN=2> <a href="news.html"><IMG SRC="images/Homepage-v4_Webready_06.jpg" ALT="" WIDTH=45 HEIGHT=22 border="0"></a></TD> <TD ROWSPAN=2> <a href="about.html"><img src="images/Homepage-v4_Webready_07.jpg" alt="" width=56 height=22 border="0"></a></TD> <TD ROWSPAN=2> <a href="arbeiten.html"><IMG SRC="images/Homepage-v4_Webready_08.jpg" ALT="" WIDTH=69 HEIGHT=22 border="0"></a></TD> <TD ROWSPAN=2> <a href="verkauf.html"><IMG SRC="images/Homepage-v4_Webready_09.jpg" ALT="" WIDTH=63 HEIGHT=22 border="0"></a></TD> <TD ROWSPAN=2> <a href="gästebuch.html"><IMG SRC="images/Homepage-v4_Webready_10.jpg" ALT="" WIDTH=82 HEIGHT=22 border="0"></a></TD> <TD ROWSPAN=2> <a href="tutorials.html"><IMG SRC="images/Homepage-v4_Webready_11.jpg" ALT="" WIDTH=67 HEIGHT=22 border="0"></a></TD> <TD ROWSPAN=2> <a href="partner.html"><IMG SRC="images/Homepage-v4_Webready_12.jpg" ALT="" WIDTH=63 HEIGHT=22 border="0"></a></TD> <TD ROWSPAN=2> <a href="imprint.html"><IMG SRC="images/Homepage-v4_Webready_13.jpg" ALT="" WIDTH=66 HEIGHT=22 border="0"></a></TD> <TD COLSPAN=3> <IMG SRC="images/Homepage-v4_Webready_14.jpg" WIDTH=79 HEIGHT=21 ALT=""></TD> </TR> <TR> <TD COLSPAN=2> <IMG SRC="images/Homepage-v4_Webready_15.jpg" WIDTH=72 HEIGHT=1 ALT=""></TD> <TD ROWSPAN=9> <div id="rechts1" style=" position: absolute; left: 756px; top: 66px; width:7px; height:223px; background-image:url(images/Homepage-v4_Webready_16.jpg);"><IMG SRC="images/Homepage-v4_Webready_16.jpg" WIDTH=7 HEIGHT=214 ALT=""> <TR> <TD COLSPAN=3 ROWSPAN=6> <IMG SRC="images/Homepage-v4_Webready_17.jpg" WIDTH=12 HEIGHT=156 ALT=""></TD> <TD> <IMG SRC="images/Homepage-v4_Webready_18.jpg" WIDTH=145 HEIGHT=23 ALT=""></TD> <div id="content" style="position:absolute;left:251px;top:100px;width:505px;height:380px;padding:left;overflow:hidden;background-color:#ffffff;"> <div id="lorem" style="position:absolute;left:0px;top:0px;width:350px;height:auto;overflow:hidden;background-color:#ffffff;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas non turpis non ligula tempor dapibus. Suspendisse fermentum dolor a nulla. Sed nec tortor a est lacinia scelerisque. Donec commodo, nibh et pharetra fringilla, lacus leo eleifend massa, vel feugiat tortor sem ut erat. Morbi eget mi id diam varius pellentesque. Mauris hendrerit leo at mi. Curabitur blandit tincidunt nibh. Nullam vehicula semper quam. Proin dictum, mauris non vestibulum vehicula, purus augue gravida ipsum, non dignissim leo lorem at tortor. Ut lacus. Cras neque magna, suscipit sit amet, feugiat vitae, auctor non, tellus. Vivamus nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris lacinia. Pellentesque vitae tellus. Donec et libero id lectus sollicitudin rutrum. Pellentesque molestie egestas ante. Aenean ornare lacus vel ante. Sed enim purus, euismod in, eleifend ut, eleifend ac, sem. Mauris varius velit sed sem. Etiam mattis. Aenean erat quam, ultricies vitae, auctor nec, volutpat ut, est. Sed turpis augue, dignissim at, vehicula eu, laoreet a, nisl. Donec porttitor justo vel lacus. Nullam nec nulla. Donec arcu libero, scelerisque id, luctus ac, pretium in, sem. Praesent leo. Proin sem. Pellentesque sed felis volutpat neque interdum gravida. Suspendisse magna mauris, suscipit semper, sodales ac, lobortis ultrices, risus. Praesent mollis, nibh a euismod aliquam, risus dui elementum leo, eget luctus orci velit id nunc. Donec et massa id velit condimentum pharetra. Suspendisse a est sed diam mollis bibendum. Suspendisse rutrum varius arcu. Pellentesque id augue ac eros elementum faucibus. Fusce accumsan massa ut ante. Nulla vulputate metus at libero. Maecenas vulputate felis sed ipsum. Morbi porttitor. Vivamus molestie, turpis ut consequat aliquet, ipsum pede faucibus arcu, id consequat orci augue quis ante. Fusce pretium velit eget sem. Praesent quam sem, condimentum euismod, luctus eu, sagittis vel, ligula. Nunc pretium gravida turpis. Nulla libero odio, blandit sit amet, dictum id, varius vel, eros. Nullam euismod hendrerit justo. Aliquam a massa. In nonummy velit vitae neque. Aenean et nulla. Maecenas quis ipsum. Pellentesque odio. In bibendum quam id ante. Nunc placerat ligula non arcu. Curabitur nec urna ac dolor pretium fringilla. In tempor, nulla quis suscipit tempus, erat erat sodales quam, a dapibus dui tellus ac justo. Nam id neque. Nunc faucibus bibendum purus. Fusce id arcu. Fusce ante arcu, posuere at, ornare et, rhoncus eu, neque. Donec sit amet dolor vel magna egestas interdum. Cras nec pede. Suspendisse potenti. Etiam tincidunt ipsum eu lacus. Sed sollicitudin. Quisque eleifend ultrices diam. Donec euismod eros. Curabitur vitae magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sed enim. Sed a massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus ut tellus sed elit volutpat tempor. Sed elementum, dolor vel aliquet feugiat, lectus augue posuere metus, sed posuere diam libero id sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis semper nunc in lectus. Vestibulum eu lacus non mauris iaculis convallis. Nulla quam lacus, tristique et, consequat ut, gravida eget, nulla. Praesent vel nibh. Duis malesuada, velit congue auctor tincidunt, ipsum ipsum laoreet elit, ac hendrerit leo lacus at lacus. Proin pretium. Mauris sit amet tellus et nunc consectetuer placerat. Duis accumsan sapien eu metus. Proin et elit ut libero facilisis pellentesque. Morbi urna. Proin eget ligula. Nullam bibendum orci vel turpis. Vivamus pede. Pellentesque convallis, arcu id facilisis blandit, dui lacus dignissim ligula, nec elementum nulla mi non dui. Nunc ornare, augue id imperdiet congue, mi tortor ullamcorper erat, eu pretium pede leo in lectus. Donec malesuada scelerisque dolor. Nulla ligula. In tincidunt, ligula eget commodo interdum, odio leo interdum odio, ut tristique nulla ipsum sed diam. Suspendisse tempor. Donec laoreet, pede vel condimentum dapibus, nulla neque ullamcorper libero, at lobortis arcu elit in lorem. Integer sem. Fusce dui. Praesent suscipit. Donec tellus turpis, tristique sit amet, facilisis vitae, pretium a, nunc. Maecenas ultricies, lorem in luctus elementum, leo lorem varius sapien, ut ultrices sapien ipsum vitae neque. Vivamus eu nibh et arcu adipiscing consequat. Nulla ut leo a dui lacinia rhoncus. Suspendisse nec leo. Proin dapibus turpis non diam lacinia adipiscing. Curabitur a sapien sit amet tortor sollicitudin adipiscing. Cras cursus blandit ipsum. Morbi sem. Proin justo. Suspendisse potenti. Duis non odio at augue aliquet facilisis. Vestibulum ut nibh. Suspendisse sodales sem ac sem. Suspendisse et erat. Nullam at erat. Aliquam lacinia nulla. Integer nec erat vitae dui aliquam condimentum. Fusce ante nisl, viverra vitae, suscipit et, nonummy vel, nibh. Quisque a leo sit amet libero pretium molestie. Sed nisi. Aliquam erat volutpat. In cursus sem vel lectus. Aenean interdum, ligula sit amet bibendum condimentum, lacus dolor auctor neque, eget tincidunt massa orci sit amet neque. Integer id massa vitae diam ultrices vulputate. Donec sapien ipsum, sollicitudin eget, vulputate at, tempus nec, mi. Vivamus pulvinar, justo ac scelerisque convallis, velit nunc congue pede, sit amet dapibus urna urna vitae nibh. Etiam lacus sem, mollis eu, lacinia ut, sagittis vel, dolor. Quisque massa nisl, vestibulum ullamcorper, commodo vitae, semper egestas, dolor. Suspendisse ornare, lorem sed malesuada faucibus, massa elit elementum elit, id consequat massa nibh et arcu. Vestibulum in tellus at arcu venenatis congue. Suspendisse potenti. Pellentesque euismod. Nulla varius aliquam nibh. In eu nisi. Aenean libero. Vivamus varius lectus eu est. Curabitur tempus est in turpis. Sed sed arcu vitae turpis tincidunt aliquet. In velit. Vivamus blandit volutpat ligula. Vivamus consectetuer. Nullam pretium erat ut justo blandit posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla arcu velit, feugiat in, viverra a, lobortis sed, magna. Nunc erat. Vivamus nec dolor. </div> <div id="Up" style="position:absolute; left: 470px; top: 10px; width: 33px; height: 18px; background-image: url(Scrollbuttons/images/Scrollbuttons_01.png);"><a href="#" onmouseover="timer=setInterval('rauf_runter(-1)',10)" onmouseout="clearInterval(timer)"><img src="Scrollbuttons/images/Scrollbuttons_01.png" width="33" height="19" border="0" alt="up"> </a> </div> <div id="Down" style="position:absolute; left: 470px; top: 360px; width:33px; height:18px; background-image:url(Scrollbuttons/images/Scrollbuttons_02.png);"><a href="#" onMouseOver="timer=setInterval('rauf_runter(1)',10)" onMouseOut="clearInterval(timer)"><img src="Scrollbuttons/images/Scrollbuttons_02.png" width="33" height="19" border="0" alt="down""> </a> </div> </p> </TR> <TR> <TD> <IMG SRC="images/Homepage-v4_Webready_21.jpg" WIDTH=145 HEIGHT=22 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/Homepage-v4_Webready_22.jpg" WIDTH=145 HEIGHT=34 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/Homepage-v4_Webready_23.jpg" WIDTH=145 HEIGHT=21 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/Homepage-v4_Webready_24.jpg" WIDTH=145 HEIGHT=35 ALT=""></TD> </TR> <TR> <TD> <img src="images/Homepage-v4_Webready_25.jpg" width=145 height=21 alt=""></TD> </TR> <TR> <TD ROWSPAN=2> <IMG SRC="images/Homepage-v4_Webready_26.jpg" WIDTH=2 HEIGHT=57 ALT=""></TD> <TD COLSPAN=2 ROWSPAN=2> <IMG SRC="images/Homepage-v4_Webready_27.jpg" WIDTH=10 HEIGHT=57 ALT=""></TD> <TD> <IMG SRC="images/Homepage-v4_Webready_28.jpg" WIDTH=145 HEIGHT=35 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/Homepage-v4_Webready_29.jpg" WIDTH=145 HEIGHT=22 ALT=""></TD> </TR> <TR> <TD COLSPAN=2 ROWSPAN=2> <IMG SRC="images/Homepage-v4_Webready_30.jpg" WIDTH=6 HEIGHT=223 ALT=""></TD> <TD ROWSPAN=2> <IMG SRC="images/Homepage-v4_Webready_31.jpg" WIDTH=6 HEIGHT=223 ALT=""></TD> <TD> <IMG SRC="images/Homepage-v4_Webready_32.jpg" WIDTH=145 HEIGHT=29 ALT=""></TD> <TD ROWSPAN=2> <div id="rechts" style="position: absolute; left: 756px; top: 288px; width:7px; height:223px; background-image:url(images/Homepage-v4_Webready_33.jpg);"images/Homepage-v4_Webready_33.jpg> </div> <TR> <TD> <IMG SRC="images/Homepage-v4_Webready_34.jpg" WIDTH=145 HEIGHT=194 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/Homepage-v4_Webready_35.jpg" WIDTH=2 HEIGHT=15 ALT=""></TD> <TD COLSPAN=14 background="images/Homepage-v4_Webready_36.jpg" WIDTH=754 HEIGHT=15 ALT=""> <a href="mailto:%20Lutz.Terfloth@onlinehome.de"><IMG SRC="images/Homepage-v4_Webready_36.jpg" ALT="" WIDTH=754 HEIGHT=15 border="0"></a></TD> <TD> <IMG SRC="images/Homepage-v4_Webready_37.jpg" WIDTH=7 HEIGHT=15 ALT=""></TD> </TR> <TR> <TD COLSPAN=16> <IMG SRC="images/Homepage-v4_Webready_38.jpg" WIDTH=763 HEIGHT=2 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=145 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=16 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=45 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=56 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=69 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=63 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=82 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=63 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=66 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=32 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=40 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD> </TR>  </BODY> </HTML>

ich hoffe das blickt einer :roll:

von **syres** am 23.01.2006, 21:30

Eh toll ihr seid da grad so im Div-Tag Fieber.

Kann sich auch mal einer, meines Problems annehmen :wink:

Wäre echt super.

von **Cell** am 23.01.2006, 21:37

Und manu muss mir helfen :lol:

Divtag zeilenumbruch zuweisen

Divtag zeilenumbruch zuweisen

Wer ist online?