The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Issues with resizing in different screen resolutions, I am having trouble getting my website's content to remain standar
PixelChick
post Oct 10 2008, 01:12 PM
Post #1


Newbie
*

Group: Members
Posts: 11
Joined: 10-October 08
Member No.: 6,864



I hope someone can help me, I am editing this page for a friend and when I view it in different resolutions and window sizes the content moves around.
I have put up a test page to show what I mean.

http://www.brentobannon.com/abouttest.htm

I know that in order to make a site fluid you put the size attributes in percent not pixels, but I am stuck.

Can someone help me fix my code so that the content does not jump around?

Thanks in advance.

Pixel
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Oct 10 2008, 03:07 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,316
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



You're trying to position content over a background image. That's a fragile way to design a web page.

But if you're going to position content over a background image, then you have to specify widths in pixels in ways that match the background image. Right now, you've got some content positioned one way, some content positioned another way, and the layout lines up only at one width of browser window.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
PixelChick
post Oct 12 2008, 11:51 AM
Post #3


Newbie
*

Group: Members
Posts: 11
Joined: 10-October 08
Member No.: 6,864



QUOTE(Darin McGrew @ Oct 10 2008, 03:07 PM) *

You're trying to position content over a background image. That's a fragile way to design a web page.

But if you're going to position content over a background image, then you have to specify widths in pixels in ways that match the background image. Right now, you've got some content positioned one way, some content positioned another way, and the layout lines up only at one width of browser window.



I know that the way they are doing the site is a bit strange, but it's not up to me, I am just trying to help them code it. They already paid big bucks to some idiot to do it this way...why they did not just come to me in the first place is beyond me. I would of at least built a website that is not one solild block of image. huh.gif

I need finite help with the coding, not just some random idea, because I am stuck and do not have the option of redoing the website the way it should be done. Can someone give me an example of how the code should look? Maybe position one div properly for me? I know if I have that then I can take it from there. blush.gif

I am not a website designer, I am a graphic designer, with the exception of small websites I usually just design the mock layouts not the actual thing. I can make a fabulous layout in photoshop with a logo and all that to go with it. I am not that good at actually creating a functional website.

Cheers,
Pixel
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 12 2008, 10:22 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,402
Joined: 9-August 06
Member No.: 6



As you've already learnt, having someone do the page for you costs big bucks.

What Darin said plus unwise absolute positioning get you what you have. Somehow create two columns and put the main text in the left one. Cut the text off of this image, http://www.brentobannon.com/Images/brent_pic.jpg , place it in the right column and write the text beneath. Oh, and get rid of the absolute positioning.

BTW that guy looks like David Hasselhoff. tongue.gif
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
PixelChick
post Oct 13 2008, 12:34 AM
Post #5


Newbie
*

Group: Members
Posts: 11
Joined: 10-October 08
Member No.: 6,864



QUOTE(pandy @ Oct 12 2008, 10:22 PM) *

As you've already learnt, having someone do the page for you costs big bucks.

What Darin said plus unwise absolute positioning get you what you have. Somehow create two columns and put the main text in the left one. Cut the text off of this image, http://www.brentobannon.com/Images/brent_pic.jpg , place it in the right column and write the text beneath. Oh, and get rid of the absolute positioning.

BTW that guy looks like David Hasselhoff. tongue.gif


Hehe you are so right he does!
Thanks for the advice, I thought my absolute positioning was helping, guess I was off. I will try what you both have suggested, I am determined to get this right so I can learn something. biggrin.gif

Thanks,
Pixel
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 13 2008, 12:48 AM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,402
Joined: 9-August 06
Member No.: 6



Sorry, didn't mean to be rude. I thought someone else had done the page.

QUOTE
Hehe you are so right he does!


But only in the top-left image! tongue.gif


User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
PixelChick
post Oct 22 2008, 03:17 PM
Post #7


Newbie
*

Group: Members
Posts: 11
Joined: 10-October 08
Member No.: 6,864



Thank you so much, everyone. I have fixed the positoning problems!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
PixelChick
post Oct 22 2008, 03:18 PM
Post #8


Newbie
*

Group: Members
Posts: 11
Joined: 10-October 08
Member No.: 6,864



****TOPIC CLOSED****
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 22 2008, 03:22 PM
Post #9


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,402
Joined: 9-August 06
Member No.: 6



Really? I can still post. unsure.gif
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 14th October 2019 - 07:52 AM