Sent by Holly Bergevin on 19 March 2003 15:03
"Mark Ashcroft" [EMAIL-REMOVED]> wrote:
>Is this possible, if so can you explain to me what kind of coding is used to control this?
>
>Thing is I am getting a white gap at the right hand side of a page. It is supposed to be flush with
the DIV Wrap border but in the box where I have used Bullet Points there is a slight gap between the
two. I have been led to believe that this is because of the bullet points.
>http://www.mamsoft.us/new/index.html
>
>can anyone help me again?
Hi Mark, I don't think that this has to do with the bullets on your lists. Your page does not have a
doctype, which is throwing the rendering of the page into "Quirks" mode [1]. This causes browsers to
do various things. In this case, IE6 is using the incorrect Box Model to layout the page and putting
gaps where there shouldn't be gaps.
It looks like you were intending the page to be xhtml1.0; it could also be html4.01, but a doctype
for either could be made to work. There are some validation errors that currently prevent the page
from validating with either an html or xhtml doctype. [2]
So, my suggestions are to add a doctype to the page and validate the html. Just adding the doctype
should make IE6 cooperate, by the way. The .maintxt3 div will expand, however, due to the correct
box model being used. You might try margin-left: 10px on those <h1>s in the box, instead of
padding-left on the box. That will keep the box at 160px wide instead of 170px and still give you
the separation from the side of the box.
HTH,
~holly
[1] http://css-discuss.incutio.com/?page=RenderingMode
[2] http://validator.w3.org/
__________________________________________________________________
Try AOL and get 1045 hours FREE for 45 days!
http://free.aol.com/tryaolfree/index.adp?375380
Get AOL Instant Messenger 5.1 for FREE! Download Now!
http://aim.aol.com/aimnew/Aim/register.adp?promos=380455
