Centralizing an Absolute DIV tag

16/04/2008, 10h30

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, 12h24

> 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, 14h26

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, 15h32

> 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, 15h43

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, 18h17

> 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, 09h49

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, 11h46

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
>
>

16/04/2008, 10h30	#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, 12h24	#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, 14h26	#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, 15h32	#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, 15h43	#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, 18h17	#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, 09h49	#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, 11h46	#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 > >

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