Centralizing an Absolute DIV tag

16/04/2008, 11h30

Hi All, I am trying to centralize an absolute DIV, is this possible to do? Or am I walking down the wrong street?

Thanks for any offered,

Dave

16/04/2008, 13h24

> Or am I walking down the wrong street?

Most likely you are.

> I am trying to centralize an absolute DIV, is this possible to do?

Certainly.

Change this -

</head>

to this -

<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0 auto

osition:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
-->
</style>
</head>

change this -

<body ...>

to this -

<body ...>
<div id="wrapper">

and this -

</body>

to this -


</div>
</body>

and see if that s.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"davidmera" <webforumsuser@macromedia.com> wrote in message
news:fu4h01$qia$1@forums.macromedia.com...
> Hi All, I am trying to centralize an absolute DIV, is this possible to do?
> Or am I walking down the wrong street?
>
> Thanks for any offered,
>
> Dave

16/04/2008, 15h26

Hi Murray,

Thanks for the response but I got the problem solved in the end, I appreciate the .

PS. I am going to kill whoever designed internet explorer :O

16/04/2008, 16h32

> but I got the problem solved in the end

There's really only one way to solve it. What method did you use?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"davidmera" <webforumsuser@macromedia.com> wrote in message
news:fu4uq8$b96$1@forums.macromedia.com...
> Hi Murray,
>
> Thanks for the response but I got the problem solved in the end, I
> appreciate the .
>
> PS. I am going to kill whoever designed internet explorer :O

16/04/2008, 16h43

I needed to position two images which link to different things overlapping. The
solution you put forward seemed to have worked but the images would still
appear at different destinations in sightly different places in IE and Firefox.

To cut a long story short i used photoshop and created one image and then used
the heatmap for it to link to two different pages. Is this a bad way of doing
it? It was defenitly easier

Thanks,

Dave

16/04/2008, 19h17

> appear at different destinations in sightly different places in IE and
> Firefox.

Then this means that you have errors in your code.

> Is this a bad way of doing it? It was defenitly easier

Depends - I would need to see the page to say....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"davidmera" <webforumsuser@macromedia.com> wrote in message
news:fu53at$g9g$1@forums.macromedia.com...
>I needed to position two images which link to different things overlapping.
>The
> solution you put forward seemed to have worked but the images would still
> appear at different destinations in sightly different places in IE and
> Firefox.
>
> To cut a long story short i used photoshop and created one image and then
> used
> the heatmap for it to link to two different pages. Is this a bad way of
> doing
> it? It was defenitly easier

>
> Thanks,
>
> Dave
>
>
>

17/04/2008, 10h49

Sure thanks for the , I have uploaded it to this
http://www.portfolio-properties.net/...r/contact.html

As you can see the navigation has a small bar overlapping the bottom of it (it
will be made bigger to cover the screen). It is exactly were I need to it to be
and even shows in IE alright now. However when I change the screen size the bar
slides, I need it to be totally centralized but in the same overlapping postion.

At present I have took the solution of making the entire menu one image and
using heatmaps, however I would still like to do this using the seperate images
if you can offer any on how to keep it centralized.

Thanks,

Dave

17/04/2008, 12h46

Here are some comments -

1. Change this -

..style6 {font-size: 12px}
-->
#wrapper{width:777px; margin:0 auto;}

to this -

..style6 {font-size: 12px}
#wrapper{width:777px; margin:0 auto;}

and this -

<style type="text/css">
<!--

to this -

<style type="text/css">

2. Don't use the non-breaking space as a layout tool -

<p class="style5">     &nbsp ;

3. Change this -

<script type="text/javascript">
validate("q_form_80475724837");
</script>
</body>

to this -

<script type="text/javascript">
validate("q_form_80475724837");
</script>
</div>
</body>

You didn't close the div#wrapper.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"davidmera" <webforumsuser@macromedia.com> wrote in message
news:fu72vi$n0h$1@forums.macromedia.com...
> Sure thanks for the , I have uploaded it to this
> http://www.portfolio-properties.net/...r/contact.html
>
> As you can see the navigation has a small bar overlapping the bottom of it
> (it
> will be made bigger to cover the screen). It is exactly were I need to it
> to be
> and even shows in IE alright now. However when I change the screen size
> the bar
> slides, I need it to be totally centralized but in the same overlapping
> postion.
>
> At present I have took the solution of making the entire menu one image
> and
> using heatmaps, however I would still like to do this using the seperate
> images
> if you can offer any on how to keep it centralized.
>
> Thanks,
>
> Dave
>
>

17/04/2008, 14h18

Thanks I have updated all the changes you suggested.

So do you still think after seeing it that changing the top menu to one image
and using a heatmap is a good idea? Or is it possible to centralize the
absolute div tag?

Also can you please define.

2. Don't use the non-breaking space as a layout tool -

<p class="style5">     &nbsp ;

I am pretty new at HTML (as you can probably tell) and i'm not to sure what
the alternative would be. Would it be to add another style with a left margin
and create the correct DIV tags?

Thanks again,

Dave

17/04/2008, 19h18

> and using a heatmap is a good idea?

FYI, it's called "hotspot".

> Or is it possible to centralize the
> absolute div tag?

I have just shown you how to do this. Sure, it's possible.

> I am pretty new at HTML (as you can probably tell) and i'm not to sure
> what
> the alternative would be.

Use margins or padding.

so - instead of this -

<p class="style5">     &nbsp ;

add to the .style5 rule -

padding-left:85px;

Of course, that will affect every instance in which you have used the
'.style5' class.

> I am pretty new at HTML (as you can probably tell)

Everybody gotta be somewhere. I believe it would behoove you to spend some
quality time here -

http://www.w3schools.com

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"davidmera" <webforumsuser@macromedia.com> wrote in message
news:fu7f75$5nr$1@forums.macromedia.com...
> Thanks I have updated all the changes you suggested.
>
> So do you still think after seeing it that changing the top menu to one
> image
> and using a heatmap is a good idea? Or is it possible to centralize the
> absolute div tag?
>
> Also can you please define.
>
> 2. Don't use the non-breaking space as a layout tool -
>
> <p class="style5">     &nbsp ;
>
> I am pretty new at HTML (as you can probably tell) and i'm not to sure
> what
> the alternative would be. Would it be to add another style with a left
> margin
> and create the correct DIV tags?
>
> Thanks again,
>
> Dave
>
>
>

18/04/2008, 14h30

Thanks Murray, I have taken all your suggestions into account however internet
explorer still seems to be messing things up. I am aware it is probably
something in my code which is invalid but I can't seem to figure it out.

Could you please take a look at the revised http://www.me.com after making the
changeas you suggested.

It seems to center fine in firefox which is great but vears to the right in
Internet Explorer.

Thanks again for the continued support.

Dave

18/04/2008, 17h34

Is this you?

The site you are trying to reach has moved.

This page can now be found at http://www.snappville.com

Please update your bookmarks. You can click on the link above to go to that
site now.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"davidmera" <webforumsuser@macromedia.com> wrote in message
news:fua49t$t0k$1@forums.macromedia.com...
> Thanks Murray, I have taken all your suggestions into account however
> internet
> explorer still seems to be messing things up. I am aware it is probably
> something in my code which is invalid but I can't seem to figure it out.
>
> Could you please take a look at the revised http://www.me.com after making
> the
> changeas you suggested.
>
> It seems to center fine in firefox which is great but vears to the right
> in
> Internet Explorer.
>
> Thanks again for the continued support.
>
> Dave
>

21/04/2008, 20h18

Really sorry I wrote that a few days ago. The page has been moved to the normal
address at http://www.portfolio-properties.net

The centralizing DIV seems to work on 3 of the pages however I am still
getting some errors on the contact page, the location page and the plans page
in internet explorer.

I started a new thread about this because The issue wasn't centralizing the
DIV anymore (that works fine by the way) it was that the bar was moving to
random points in the pages...

Thanks for all the , if you could give any advice on the problems that are
there at the moment it would be really appreciated.

Thanks,

Dave

21/04/2008, 21h35

Dave,

When I go to http://www.portfolio-properties.net an Update your Flash window appears... even though I have the latest version.

Mac Safari Latest 10.4.11

21/04/2008, 21h57

I know this seems to keep happening to me as well. I'm going to sort this out as soon as I work out the problem, guess it's a question for the flash section to ask though

Thanks,

Dave

16/04/2008, 11h30	#1
davidmera Messages: n/a Hébergeur:	Centralizing an Absolute DIV tag Hi All, I am trying to centralize an absolute DIV, is this possible to do? Or am I walking down the wrong street? Thanks for any offered, Dave

16/04/2008, 13h24	#2
Murray ACE Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag > Or am I walking down the wrong street? Most likely you are. > I am trying to centralize an absolute DIV, is this possible to do? Certainly. Change this - </head> to this - <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 autoosition:relative; } /* 760px will display on an 800px screen maximized browser window without / / horizontal scrollbars. / --> </style> </head> change this - <body ...> to this - <body ...> <div id="wrapper"> and this - </body> to this - <!-- /wrapper --> </div> </body> and see if that s. -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "davidmera" <webforumsuser@macromedia.com> wrote in message news:fu4h01$qia$1@forums.macromedia.com... > Hi All, I am trying to centralize an absolute DIV, is this possible to do? > Or am I walking down the wrong street? > > Thanks for any offered, > > Dave

16/04/2008, 15h26	#3
davidmera Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag Hi Murray, Thanks for the response but I got the problem solved in the end, I appreciate the . PS. I am going to kill whoever designed internet explorer :O

16/04/2008, 16h32	#4
Murray ACE Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag > but I got the problem solved in the end There's really only one way to solve it. What method did you use? -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "davidmera" <webforumsuser@macromedia.com> wrote in message news:fu4uq8$b96$1@forums.macromedia.com... > Hi Murray, > > Thanks for the response but I got the problem solved in the end, I > appreciate the . > > PS. I am going to kill whoever designed internet explorer :O

16/04/2008, 16h43	#5
davidmera Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag I needed to position two images which link to different things overlapping. The solution you put forward seemed to have worked but the images would still appear at different destinations in sightly different places in IE and Firefox. To cut a long story short i used photoshop and created one image and then used the heatmap for it to link to two different pages. Is this a bad way of doing it? It was defenitly easier Thanks, Dave

16/04/2008, 19h17	#6
Murray ACE Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag > appear at different destinations in sightly different places in IE and > Firefox. Then this means that you have errors in your code. > Is this a bad way of doing it? It was defenitly easier Depends - I would need to see the page to say.... -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "davidmera" <webforumsuser@macromedia.com> wrote in message news:fu53at$g9g$1@forums.macromedia.com... >I needed to position two images which link to different things overlapping. >The > solution you put forward seemed to have worked but the images would still > appear at different destinations in sightly different places in IE and > Firefox. > > To cut a long story short i used photoshop and created one image and then > used > the heatmap for it to link to two different pages. Is this a bad way of > doing > it? It was defenitly easier > > Thanks, > > Dave > > >

17/04/2008, 10h49	#7
davidmera Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag Sure thanks for the , I have uploaded it to this http://www.portfolio-properties.net/...r/contact.html As you can see the navigation has a small bar overlapping the bottom of it (it will be made bigger to cover the screen). It is exactly were I need to it to be and even shows in IE alright now. However when I change the screen size the bar slides, I need it to be totally centralized but in the same overlapping postion. At present I have took the solution of making the entire menu one image and using heatmaps, however I would still like to do this using the seperate images if you can offer any on how to keep it centralized. Thanks, Dave

17/04/2008, 12h46	#8
Murray ACE Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag Here are some comments - 1. Change this - ..style6 {font-size: 12px} --> #wrapper{width:777px; margin:0 auto;} to this - ..style6 {font-size: 12px} #wrapper{width:777px; margin:0 auto;} and this - <style type="text/css"> <!-- to this - <style type="text/css"> 2. Don't use the non-breaking space as a layout tool - <p class="style5">     &nbsp ; 3. Change this - <script type="text/javascript"> validate("q_form_80475724837"); </script> </body> to this - <script type="text/javascript"> validate("q_form_80475724837"); </script> </div> </body> You didn't close the div#wrapper. -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "davidmera" <webforumsuser@macromedia.com> wrote in message news:fu72vi$n0h$1@forums.macromedia.com... > Sure thanks for the , I have uploaded it to this > http://www.portfolio-properties.net/...r/contact.html > > As you can see the navigation has a small bar overlapping the bottom of it > (it > will be made bigger to cover the screen). It is exactly were I need to it > to be > and even shows in IE alright now. However when I change the screen size > the bar > slides, I need it to be totally centralized but in the same overlapping > postion. > > At present I have took the solution of making the entire menu one image > and > using heatmaps, however I would still like to do this using the seperate > images > if you can offer any on how to keep it centralized. > > Thanks, > > Dave > >

17/04/2008, 14h18	#9
davidmera Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag Thanks I have updated all the changes you suggested. So do you still think after seeing it that changing the top menu to one image and using a heatmap is a good idea? Or is it possible to centralize the absolute div tag? Also can you please define. 2. Don't use the non-breaking space as a layout tool - <p class="style5">     &nbsp ; I am pretty new at HTML (as you can probably tell) and i'm not to sure what the alternative would be. Would it be to add another style with a left margin and create the correct DIV tags? Thanks again, Dave

17/04/2008, 19h18	#10
Murray ACE Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag > and using a heatmap is a good idea? FYI, it's called "hotspot". > Or is it possible to centralize the > absolute div tag? I have just shown you how to do this. Sure, it's possible. > I am pretty new at HTML (as you can probably tell) and i'm not to sure > what > the alternative would be. Use margins or padding. so - instead of this - <p class="style5">     &nbsp ; add to the .style5 rule - padding-left:85px; Of course, that will affect every instance in which you have used the '.style5' class. > I am pretty new at HTML (as you can probably tell) Everybody gotta be somewhere. I believe it would behoove you to spend some quality time here - http://www.w3schools.com -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "davidmera" <webforumsuser@macromedia.com> wrote in message news:fu7f75$5nr$1@forums.macromedia.com... > Thanks I have updated all the changes you suggested. > > So do you still think after seeing it that changing the top menu to one > image > and using a heatmap is a good idea? Or is it possible to centralize the > absolute div tag? > > Also can you please define. > > 2. Don't use the non-breaking space as a layout tool - > > <p class="style5">     &nbsp ; > > I am pretty new at HTML (as you can probably tell) and i'm not to sure > what > the alternative would be. Would it be to add another style with a left > margin > and create the correct DIV tags? > > Thanks again, > > Dave > > >

18/04/2008, 14h30	#11
davidmera Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag Thanks Murray, I have taken all your suggestions into account however internet explorer still seems to be messing things up. I am aware it is probably something in my code which is invalid but I can't seem to figure it out. Could you please take a look at the revised http://www.me.com after making the changeas you suggested. It seems to center fine in firefox which is great but vears to the right in Internet Explorer. Thanks again for the continued support. Dave

18/04/2008, 17h34	#12
Murray ACE Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag Is this you? The site you are trying to reach has moved. This page can now be found at http://www.snappville.com Please update your bookmarks. You can click on the link above to go to that site now. -- Murray --- ICQ 71997575 Adobe Community Expert (If you MUST email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "davidmera" <webforumsuser@macromedia.com> wrote in message news:fua49t$t0k$1@forums.macromedia.com... > Thanks Murray, I have taken all your suggestions into account however > internet > explorer still seems to be messing things up. I am aware it is probably > something in my code which is invalid but I can't seem to figure it out. > > Could you please take a look at the revised http://www.me.com after making > the > changeas you suggested. > > It seems to center fine in firefox which is great but vears to the right > in > Internet Explorer. > > Thanks again for the continued support. > > Dave >

21/04/2008, 20h18	#13
davidmera Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag Really sorry I wrote that a few days ago. The page has been moved to the normal address at http://www.portfolio-properties.net The centralizing DIV seems to work on 3 of the pages however I am still getting some errors on the contact page, the location page and the plans page in internet explorer. I started a new thread about this because The issue wasn't centralizing the DIV anymore (that works fine by the way) it was that the bar was moving to random points in the pages... Thanks for all the , if you could give any advice on the problems that are there at the moment it would be really appreciated. Thanks, Dave

21/04/2008, 21h35	#14
John Vito Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag Dave, When I go to http://www.portfolio-properties.net an Update your Flash window appears... even though I have the latest version. Mac Safari Latest 10.4.11

21/04/2008, 21h57	#15
davidmera Messages: n/a Hébergeur:	Re: Centralizing an Absolute DIV tag I know this seems to keep happening to me as well. I'm going to sort this out as soon as I work out the problem, guess it's a question for the flash section to ask though Thanks, Dave

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email