[jonnekke]

Hi there..

i got a <ul> inside a div. But the dots are placed outside the div..

my html looks like:

HTML Code:

<div id="right-text">
<ul>
<li>Wij optimaliseren uw business</li>
<li>Innovatief mt proven technologie</li>
<li>Zeer concurrerende tarieven</li>
<li>Uw processen zijn ins uitgangspunt</li>
<li>Wij excellereren in onze specialismen</li>
<li>Uw back-office is onze core business</li>
</ul>
</div>

my CSS looks like:

Code:

#right-text { width: 257px; float: left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:1px solid #ff00ff; }
			
				#right-text ul { display: inherit; list-style: disc; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
				#right-text ul li { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 7pt; color: #636161; }

[logical]

It's ok in firefox.

[job0107]

This will put the dots inside the div.

But you may want to re-think this because the display looks a bit different in IE then in FF.

HTML Code:

<style>
#right-text { width: 257px; float: left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:1px solid #ff00ff; }
#right-text ul { display: inherit; list-style: disc; margin:0px 0px 0px 20px; padding: 0px 0px 0px 0px; }            
#right-text ul li { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 7pt; color: #636161; }
</style>
<div id="right-text">
<ul>
<li>Wij optimaliseren uw business</li>
<li>Innovatief mt proven technologie</li>
<li>Zeer concurrerende tarieven</li>
<li>Uw processen zijn ins uitgangspunt</li>
<li>Wij excellereren in onze specialismen</li>
<li>Uw back-office is onze core business</li>
</ul>
</div>