Get exclusive CAP network offers from top brands

View CAP Offers

dreamweaver help with…

jmelwak asked 4 years ago
hi all ,
i built my site in dreamweaver http://www.vegasundergroundcom.com and on my lap top the images and text are all overlapping on my menu on the left side. But on my desktop it looks all centered and perfect. why does this happen?

thanks any help is greatly appreciated.
:drunk2:

7 Answers
Engineer answered 4 years ago
I think the problem here is that you are mixing absolutely positioned DIVs with a variable-width table. I looked at the source code, and I see

position:absolute;

all over the place. But near the bottom, I also see a table that you are using for your menu, with a table-width of 20%.

It looks fine on your laptop because the screen is smaller. Your menu on the left-hand side is set to be 20% of the width of the screen. If you look at your site on a larger monitor (like your desktop), the menu will still take up 20% of the screen, but the content part (and the top logo) will remain fixed in the same position (because that’s the way you set it up). The content will always be xx pixels away from the left side of the screen, regardless of the monitor size. On your desktop, try resizing the browser window, and you will see what I mean.

My suggestion would be to pick one or the other — position everything absolutely, with fixed widths — e.g. the menu is set to exactly xxx pixels wide, and the content is set to exactly yyy pixels wide. Or, use variable widths everywhere — e.g. set the menu width to 20%, and set the content area to 80%.

Hope that helps.

kwblue answered 4 years ago
I would guess resolution?

Check your resolutions and make them the same and see if the problem still happens.

jmelwak answered 4 years ago
hey thanks for the replies . how do i check the res in dreamweaver. im confused on how to do that?

kwblue answered 4 years ago
If you are going to do a resolution check, that would be a windows function..

Go to Control Panel

Go to Display (and double click)

Go to the settings tab

See what is in the ‘Screen resolution’ portion of the window.

And, if you are brave, change that to whatever your other monitor (or laptop) is.. You should see the same view.

However, Engineer is absolutely correct.. You need to set your widths properly (either absolute or relative) to get this to display properly because everyone out there will have different resolutions and you want your website to be displayed properly to everyone.

kw

jmelwak answered 4 years ago
i am trying to change this and what do i do? just change it from absolute to relative? when i do this it makes everything outta wack. i dont understand what needs to be done for it to look normal?

Engineer answered 4 years ago
Unfortunately, I don’t know how to help you fix your page…. sorry. :huh: I don’t know how to use Dreamweaver; I write all my code by hand. I’m able to tell what is wrong with your code by looking at it, but for me to try to figure out how to fix it would be too complex.

Can anyone else lend a hand? If not, you may want to visit WebmasterWorld.com and ask for help over there.

kwblue answered 4 years ago
I’m afraid it takes me too long to fix my own crap… I usually draw out on grid paper how I want my screens to look and then decide on either relative, absolute, or a mixture based upon that. That’s about the only advice I can give.

kw