Layout Problem Pls help!!!

[andyrohith]

Hai all,

I just published my site and the problem is its not the same in all screen and the layout is getting changed i'have tried adjusting the tables but still not working. Pls guide me with this.

this is the link www.dagher-co.com

Thanx,
andrew...

 

[sysgenmedia]

Hi Andrew,

There actually seems to be multiple problems here.

First thing I noticed was that all of your links are to files located locally on your computer. For example:

<a target="_self" href="file:///C:/Documents%20and%20Settings/Administrator/Desktop/DCOhomepage11.htm">

This is a link to a local file. I imagine what you probably want them to be is in the form of

<a target="_self" href="DCOhomepage11.htm">

However, this doesn't address the layout issue.

It looks like you probably used some kind of program to generate this html code? I say this because there are items such as:

<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>

<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;</p>
<p align="left" dir="ltr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#E7CD9A">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</font></p>

within the source. Some old "web design" programs would try to do this sort of thing in order to space elements, however different browsers will interpret this differently and in generally it's not a very good practice.

It's also a possibility that the spacing is due to a css problem. Many of the absolutely positioned divs have id's such as "layer16", "layer19", etc. It's a possibility that whatever program you designed this in provided a css (Cascading Style Sheet) file that put additional styling on these elements, but it isn't linked within your page anywhere.

These div's also use the z-index style which isn't really supported well between browsers anymore. This could also be part of your problem.

Overall, the source is kind of a mess. I'd probably recommend either choosing a different program to design your site or hiring some professional help to get you a good base for your site at least.

Best of luck!

 

[PixelPusher]

Sysgenmedia is right... that code is hideous lol. It definitely looks auto-generated and by an old-school app. And let me reiterate, it is absolutely bad practice to use empty tags for spacing. We have margins for a reason.

How strong are your html coding skills? It would be best if you re-wrote this code yourself, and ditch the auto-gen.