Prev: position images at bottom of div tag?
Next: How to position spry menu bar?
From: mase2hot on 5 May 2008 09:24
Hi,

ok I've spent most of this bank holiday weekend trying to fix this div
positioning problem I have. I've looked online and spent hours of messing
around but still to no avail. Go to www.get43.co.uk if you look at the code I
have the whole site within a table which in turn is in a div. I then have the
youtube video within another div, but I need to position the vid in relation to
the table and not the actual page if you get what I mean.

I've also go the same problem for other pages as I have div's for containing
text for the site, if someone has a different resolution on their pc it comes
out all messed up. Please help!

Also fo some rason the homepage is flush with the top of the screen but the
other pages have a gap which I have no idea how to fix.

thanks

From: Katsuey on 5 May 2008 10:10
You have no doc type to start out with. This will confuse
some browsers as to how to render the page.

<div id="Parent"
div#Parent {
width: 800px;
margin-left: auto;
margin-right: auto
}>This is not how you specify CSS. Your CSS stylesshould go above the
</head> tag, while the actual<div> goes below the opening body
tag.height="964" Specifying table heights is not a good idea.

<div id="Nested" style="position:absolute; left:41%; top:440px; width:225px;
height:406px; z-index:1;">
<object width="425" height="353" hspace="0">Again, not the way to
specify CSS


From: mase2hot on 5 May 2008 10:41
Thanks for that I new I had something wrong but how do I fix it?
From: Murray *ACE* on 5 May 2008 10:41
> ok I've spent most of this bank holiday weekend trying to fix this div
> positioning problem I have.

That's how it is when you use DW without any fundamental base in HTML/CSS.

> if someone has a different resolution on their pc it comes
> out all messed up.

It's not a resolution issue - it's a browser size issue. Try it - stretch
your browser on any given screen, and you may see the same effect.

Your page has invalid code on it which is not helping -

<!-- ImageReady Slices (index.psd) -->
<div id="Parent"
div#Parent {
width: 800px;
margin-left: auto;
margin-right: auto
}>
<table width="776" height="964" border="0" align="center" cellpadding="0"
cellspacing="0" id="Parent2">
<tr>

Your other problem is caused by using absolute positioning for your video
container -

<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:488px;
height:327px;
z-index:1;
left: 401px;
top: 445px;
}
#Layer2 {
position:absolute;
width:497px;
height:473px;
z-index:2;
left: 384px;
top: 423px;
}
-->
</style>

and a centering table -

<table width="776" height="964" border="0" align="center"

The table centers and the video doesn't.

To fix this, let's first fix your page's invalid code. Delete this -

<div id="Parent"
div#Parent {
width: 800px;
margin-left: auto;
margin-right: auto
}>

Then change this -

</object>
</div>
</div></td>

</div>

<!-- End ImageReady Slices -->

to this -

</object>
</div>

</div>

<!-- End ImageReady Slices -->

Finally, change this -

</head>

to this -

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

change this -

<body ...>

to this -

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

and this -

</body>

to this -

<!-- /wrapper -->
</div>
</body>

and see if that helps.


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


"mase2hot" <webforumsuser(a)macromedia.com> wrote in message
news:fvn1pq$f8k$1(a)forums.macromedia.com...
> Hi,
>
> ok I've spent most of this bank holiday weekend trying to fix this div
> positioning problem I have. I've looked online and spent hours of messing
> around but still to no avail. Go to www.get43.co.uk if you look at the
> code I
> have the whole site within a table which in turn is in a div. I then have
> the
> youtube video within another div, but I need to position the vid in
> relation to
> the table and not the actual page if you get what I mean.
>
> I've also go the same problem for other pages as I have div's for
> containing
> text for the site, if someone has a different resolution on their pc it
> comes
> out all messed up. Please help!
>
> Also fo some rason the homepage is flush with the top of the screen but
> the
> other pages have a gap which I have no idea how to fix.
>
> thanks
>

From: mase2hot on 5 May 2008 14:13
Ok I've done that but couldnt do this one as I couldnt find that body which I
put below, I've updated my site so could you look please. I have a question the
div with the video in to get it to the position I have to do left:41%; but that
41% it taking the entire page into account. Is there not a way to get it to
start from where my graphics of the page start i.e the table?

cheers

change this -

<body ...>

to this -

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

 |  Next  |  Last
Pages: 1 2
Prev: position images at bottom of div tag?
Next: How to position spry menu bar?