1 reply [Last post]
ashishtibrewal
Offline
newbie
Last seen: 15 years 40 weeks ago
Joined: 2003-10-11
Posts: 5
Points: 0

I am using the below mentioned styles in my page.

--------------------------------------------
.shadow{
padding:0;
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
margin:.5em 4px 0 0;
}

.border{border:1px solid #999;
}
--------------------------------------------

I use them as:

<div class="shadow">
<div class="border">
<p>My text come here ....</p>
</div>
</div>

It generates a grey border box with 1px border width on left & top and 3px width border on right and bottom, which looks like a showdowed box.

The problem which am facing with this in IE 6.0 is that when my content in these div's is too long, the border and the shadow starts breaking randomly from left and right.

Can someone please suggest me a solution to avoid this problem.

Please refer to the attached screenshot

Thanks
Ashish

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 16 hours 35 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

CSS Problem in IE6

Hi ashishtibrewal,
Check that you have a standards mode or strict doctype.
There are links in the Useful CSS Links page that will provide more info.

Hope that helps