overflow CSS

Status
Niet open voor verdere reacties.
Ikoster

Ikoster

Gebruiker
Lid geworden
19 okt 2009
Berichten
144
hoi,
ik heb een vraag:

width: 200px;
overflow:auto;
display:block;
border: solid 1px black;

er is een block waarin tekst staat bijvoorbeeld: njndf dsf daf dsaf fsda sadfasdf
de tekst is langer dan 200px, nou wil ik dat hij automatisch een enter invoegt.
hoe kan dit in CCS?
 
Graag link naar pagina

Als ik jouw stukje CSS letterlijk overneem in een minimale pagina
dan werkt het perfect.
Dan krijg ik een overloop van de tekst naar een volgende regel.

Ik neem tenminste aan dat dat is wat je wilt
(een enter invoegen is niet hetzelfde als een overflow naar een volgende regel;
een enter invoegen dmv CSS kan sowieso niet, maar zou je in html kunnen vergelijken met <br>)

Hier is mijn code:
HTML: 
<!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=utf-8">
<title>Overflow</title>
<style>
#block { width: 200px; overflow:auto; display:block; border: solid 1px black }
</style>
</head>
<body>
 <h1>Overflow probleem van Ikoster</h1>
<div id="block">
<p>njndf dsf daf dsaf fsda sadfasdf njndf dsf daf dsaf fsda sadfasdf</p>
</div>
 </body>
</html>


Opmerkingen:
  • jouw voorbeeld tekst past bij mij wel op 1 regel dus heb ik de exacte tekst 2 keer achter elkaar gezet
  • omdat het blijkbaar niet aan de gegeven CSS-rules ligt, moet het probleem ergens anders uit voort komen; dit is een goed voorbeeld waarom je eigenlijk altijd een link nodig hebt naar de hele originele pagina
 
vraag opgelost!
ik gebruikte nog de <pre> tags waardoor de zin bleef door lopn bedankt voor het reageren!
heb de <pre> tags vervangen door <p> tags.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan