Help, Help, Help with borders

Get Started
1

I am new to html, so I used a template. It did not have borders, so I tried adding them around the outside edges. It worked except for the right bottom corner.

Can someone tell me how to fix this, I’ve tried, but gave up.

Since I am new to html, please be specific i.e. well formed html.

I have included the css for the border.

.testborder{
border-style: solid;
border-right-width: 2px;
border-left-width: 2px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color: white}

They don’t allow me to but my full url, so it is bizdataweb with the usual prefix and ending. I assume you can look at the source html on the site.

Thanks,

Ron

2

It looks like the image within the upper sections is pushing the width outwards.

Each section has a border of 2 pixels, so you’ll need to add 4 pixels to the width of each of the table sections for them to all line up.

This information is using Google Chrome as a reference point. Firefox or Internet Explorer might behave differently, so you’ll want to test and ensure that you apply cross-browser safe techniques.

3

Thanks, I just posted this and already have your reply. That’s great! I do use IE and it is still skewed. Reading your reply again though, I am not quite sure where you are saying to add the 4px. I did it to the css, and it is still skewed, just bigger borders. Were you saying to add the 4px somewhere else?

Ron

4

Yes, not to the borders, but to the tables themself that contain each section of the page.

5

When I run into issues like this, I place it on a validator to see what is wrong with my coding. Helps 3 out of 5 times.

6

In this case it wasn’t validation causing the trouble. It was the width of the decoration images pushing out the width of the table that contained them.

7

Thanks again,

It was indeed the table width, which I changed to 2px wider and that worked.

However, when I view my page on different browsers and different monitors the part that is supposed to be in the center, i.e. the wording, shifts mostly to the left.

I noticed you mentioned cross browser compatibility somewhere, any ideas? Is it because of tables instead of divs?

Ron

8

Tables are not necessarily the problem, but they are a problem when it comes to layout.

So far as cross-browser compatibility, you might want to create a chart of the different browsers you test, and how each one differs in their presentation.

Then you can investigate why the differences occur, what should happen instead, and come to a plan on how to fix it.