The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Move when minimized
breakdown
post Feb 15 2008, 03:20 PM
Post #1


Newbie
*

Group: Members
Posts: 14
Joined: 24-January 08
Member No.: 4,784



When I minimize my explorer window (Firefox2) things that have I have placed seem to move and it screws up my page layout.
I have 6 pages on my site, yet it only happens to 3 of them.

http://www.freewebs.com/breakdowninc/pages/main.html

http://www.freewebs.com/breakdowninc/pages/graphics.html

http://www.freewebs.com/breakdowninc/pages/blog.html

It is most noticeable by the copy write at the bottom of the page, moving when the window is minimized. So how do I "glue" them, if you like, to stay in the same position?

Cheers
-JT

This post has been edited by breakdown: Feb 15 2008, 03:21 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 15 2008, 06:59 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,731
Joined: 9-August 06
Member No.: 6



When you make the window smaller, you mean? You have positioned the image absolute 253 pixels from the left edge of the browser window and there's where it will be, no matter how small or how big the window is. I assume your screen is 1024x768, because that's the only size the inage will be centered in.

The copyright text on the other hand is centered no matter the window size because you have used <div align="center">...</div>. The problem is the abolutely positioned image, not the centered text.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
breakdown
post Feb 16 2008, 02:02 AM
Post #3


Newbie
*

Group: Members
Posts: 14
Joined: 24-January 08
Member No.: 4,784



QUOTE(pandy @ Feb 16 2008, 12:59 PM) *

When you make the window smaller, you mean? You have positioned the image absolute 253 pixels from the left edge of the browser window and there's where it will be, no matter how small or how big the window is. I assume your screen is 1024x768, because that's the only size the inage will be centered in.

The copyright text on the other hand is centered no matter the window size because you have used <div align="center">...</div>. The problem is the abolutely positioned image, not the centered text.


Ahh I see what you mean now.
Is there away to fix this, without changing "position:absolute", or will i have do get rid of it?

EDIT: For now i just changed it back to align="center"

This post has been edited by breakdown: Feb 16 2008, 02:21 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 16 2008, 03:25 AM
Post #4


WDG Member
********

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



You need to use the same positioning style for all the components of your site. Either position it relative to an edge of the available display area, or center it. But centering some of it and positioning the rest relative to an edge is going to break when the available display area doesn't match yours.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
breakdown
post Feb 16 2008, 03:44 AM
Post #5


Newbie
*

Group: Members
Posts: 14
Joined: 24-January 08
Member No.: 4,784



Ok then. thanks for your insight.
Just another question for my graphics and blog pages.
http://www.freewebs.com/breakdowninc/pages/graphics.html
http://www.freewebs.com/breakdowninc/pages/blog.html
I am wanting to center the graphics/blog overhead of the copywrite text at the bottom. Example: I have centered the graphics images, yet they go off the side slightly. Anyway can how can I align them appropriately, without the display breaking as pointed above?
Cheers



User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 26th April 2024 - 11:18 AM