Hello friends,

 

if you closely look at my page there is a vertical line on the middle right of my page but when i check the images there is no such more over i havent used any border?

There is a mismatch in your widths. #c7 is 650px wide but it is inside #contentBlock which is only 502px wide. The dotted line is about 600px from the left side and the text extends even further, to about 650px wide, so there's something wrong there.

 

As well as the id #c7 the parent div has a class .col1 which is 49% wide so that doesn't tie up either.

 

The id #c7 div has a parent with class .itemOdd which is only 230px wide but you want the text 650px wide and that is for the same div with id="contentBlock" with width: 502px so that doesn't tie up either.

 

In a nutshell the parent div has several classes and ids with different widths, all smaller than the 650px for #c7 which is the child div.

There is a mismatch in your widths. #c7 is 650px wide but it is inside #contentBlock which is only 502px wide. The dotted line is about 600px from the left side and the text extends even further, to about 650px wide, so there's something wrong there.

 

As well as the id #c7 the parent div has a class .col1 which is 49% wide so that doesn't tie up either.

 

The id #c7 div has a parent with class .itemOdd which is only 230px wide but you want the text 650px wide and that is for the same div with id="contentBlock" with width: 502px so that doesn't tie up either.

 

In a nutshell the parent div has several classes and ids with different widths, all smaller than the 650px for #c7 which is the child div.

i have changed the first two errors u have mentioned but what to do with the .col1 class shld i change it to pixels or convert all to percent? here is thelink

 

i also tried to change the width of the side bar to 280px but when i use an image of 280px wide it dont shows?

 

 

 

I've looked at your page in more detail, loading the images one by one and I found that

http://www.neophytech.com/images/bg-content.gif

causes the dotted edge; the image is 970px wide and if you look very, very carefully at the top of the window you will see one gray dot (the image is only 4px high) and the dot is about 600px from the left.

 

If you change the style to repeat-x the dots disappear.

 

#content {

width : 100%;

height : 100%;

background : #fff url('../images/bg-content.gif') repeat-x;

float : left;

}

 

Repeat-x is only a fix, because it obviously doesn't repeat vertically, but it's white against a white background so do you need it?

I've looked at your page in more detail, loading the images one by one and I found that

http://www.neophytec.../bg-content.gif

causes the dotted edge; the image is 970px wide and if you look very, very carefully at the top of the window you will see one gray dot (the image is only 4px high) and the dot is about 600px from the left.

 

If you change the style to repeat-x the dots disappear.

 

#content {

width : 100%;

height : 100%;

background : #fff url('../images/bg-content.gif') repeat-x;

float : left;

}

 

Repeat-x is only a fix, because it obviously doesn't repeat vertically, but it's white against a white background so do you need it?

ya ur right i replaced it with background color  that solves the problem thanks again