html - Tekst går udover div - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #16802 @ 10.07.12 21:34

Hej

jeg har et problem.
Alt tekst som jeg skriver går ud af div.

HTML kode

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Hello</title>
 <link href="Layout.css" rel="stylesheet" type="text/css" />
 
 </head>
 
 <body>
 <div id="wrapper">
 
 <div id="header">
 
 </div> 
 
 
 
 <br />
 <br />
 <br />
 <div id="Undermenu">
 HEJ
 </div> 
 <br />
 <br />
 <br />
 <div id="body">
 TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText
 </div> 
 
 </div> 
 
 </body>
 </html>

CSS kode

 @charset "utf-8";
 /* CSS Document */
 
 * {
     margin: 0;
     padding: 0;
 }
 
 
 
  
 #wrapper{
     width:800px;
     margin-top: 45px;
     margin-right:auto;
     margin-left:auto;
     box-shadow: 10px 10px 5px #888;
     border-radius:10px;
     -moz-border-radius:10px;
     border-bottom-style:solid;
     border-width:thin;
     
 }
 
 
 #header{
     background-color:#fffcd6;
     border-bottom-style:solid;
     border-bottom-color: #963;
     margin-bottom: 5px;
 }
 
 #Undermenu{
     border:2px solid #a1a1a1;
         padding:10px 40px; 
         background:#dddddd;
     border-radius:10px;
     -moz-border-radius:10px; /* Firefox 3.6 and earlier */    
     height: 120px;
     margin-top: 10px;
     
 }

jeg vil gerne have at boxen skal automatisk udvide sig, når jeg tilføjer tekst.

8 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #17255 @ 10.07.12 22:01

Prøv at tilføje flg. til dit div#body element:

CSS kode

 word-wrap: break-word;

Bruger #16802 @ 10.07.12 22:04

Det går ikke, der er ikke tekst på alle sider.

Bruger #17215 @ 10.07.12 22:10

408

Normalt vil din tekst vel på et eller andet tidspunkt have et break i form af et mellemrum?
Browseren kan ikke breake din tekst når der ikke er mellemrum fordi den ved ikke at det ikke bare er et langt ord og den har ikke lyst til at dele dine "ord".
Hvis du prøver med teksten
"Text Text" etc. er jeg sikker på du vil se noget meget andet resultat

Bruger #16802 @ 10.07.12 22:16

Jeg har lavet mellemrum. Den breaker selv teksten, men højden ændre sig ikke.

Indlæg senest redigeret d. 10.07.2012 22:17 af Bruger #16802

Bruger #17215 @ 10.07.12 22:51

408

Så du har føjet så meget tekst til den således at det burde gå ned på næste linie, men bliver ved med at skrive ud over siden på din div?

Bruger #16802 @ 11.07.12 00:26

Bruger #17081 @ 11.07.12 07:53

1.258

Det tekst du har skrevet her er der da ikke mellemrum i. Med mellemrum har jeg ingen problemer med, at få det til, at virke: http://jsfiddle.net/vaff/qM5x6/

Bruger #17077 @ 16.07.12 01:53

-12

Hvis du skal have teksten til at lave et linebreak ved hjælp af ENTER, så skal du sætte din tekst i en Paragraph

 Dette er en sjov historie .
 nU ER Det her noget nyt tekst 

Vil du gøre det lidt lettere, så kopier og så sæt det ind når du vil have et linebreak.

Tekst går udover div

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler