View Full Version : div positioning problem


swi.t
02-16-2004, 05:12 AM
<DIV style="position: absolute; top: 462px; left: 315px; height: 75px; width: 75px;">
<img src="s7.jpg">
</DIV>

I tried to position this image, but when I maximize/minimize the screen, the screen shifts, but the image stays. How can I get the image to move with the screen, so it looks the way I want it to all the time?

salomeyasobko
02-16-2004, 05:34 AM
er, i viewed your source because i wanted to see how you coded the rest of your website [i had the same problem as you before] but, none of the DIV codes are there... can you possibly post your source as it shows up in your HTML editor? that might help me figure it out :D thanks!

swi.t
02-16-2004, 06:24 AM
er, i viewed your source because i wanted to see how you coded the rest of your website [i had the same problem as you before] but, none of the DIV codes are there... can you possibly post your source as it shows up in your HTML editor? that might help me figure it out :D thanks!


<HTML>
<HEAD>
<TITLE>kpop illusions ... version 03 // allure // feat. jang nara</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
</HEAD>
<BODY BGCOLOR=#BCBCBC LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (kpopillusionsv3-sliced.psd) -->
<TABLE WIDTH=576 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/kpopillusionsv3-sliced_01.jpg" WIDTH=576 HEIGHT=583 BORDER=0 ALT="" USEMAP="#kpopillusionsv3_sliced_01_Map"></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/kpopillusionsv3-sliced_02.jpg" WIDTH=26 HEIGHT=485 ALT=""></TD>
<TD>
<iframe src="side.html" frameborder="0" framespacing="0" width="137" height="439" name="side"></iframe></TD>
<TD ROWSPAN=2>
<IMG SRC="images/kpopillusionsv3-sliced_04.jpg" WIDTH=2 HEIGHT=485 ALT=""></TD>
<TD>
<iframe src="main.html" frameborder="0" framespacing="0" width="400" height="439" name="main"></iframe></TD>
<TD ROWSPAN=2>
<IMG SRC="images/kpopillusionsv3-sliced_06.jpg" WIDTH=11 HEIGHT=485 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/kpopillusionsv3-sliced_07.jpg" WIDTH=137 HEIGHT=46 ALT=""></TD>
<TD>
<IMG SRC="images/kpopillusionsv3-sliced_08.jpg" WIDTH=400 HEIGHT=46 ALT=""></TD>
</TR>
</TABLE>
<MAP NAME="kpopillusionsv3_sliced_01_Map">
<AREA SHAPE="rect" ALT="Info" COORDS="399,555,420,563" HREF="info.html" TARGET="main">
<AREA SHAPE="rect" ALT="Guestbook" COORDS="364,555,392,563" HREF="http://pub.alxnet.com/guestbook?id=2510015" TARGET="main">
<AREA SHAPE="rect" ALT="Links" COORDS="331,555,357,563" HREF="links.html" TARGET="main">
<AREA SHAPE="rect" ALT="Forums" COORDS="291,556,324,562" HREF="http://www.digital-voices.com/kpopillusions/forums" TARGET="_blank">
<AREA SHAPE="rect" ALT="Fanfics" COORDS="249,554,285,563" HREF="fanfics.html" TARGET="main">
<AREA SHAPE="rect" ALT="Lyrics" COORDS="210,555,243,564" HREF="lyrics.html" TARGET="main">
<AREA SHAPE="rect" ALT="Downloads" COORDS="160,556,203,563" HREF="download.html" TARGET="main">
<AREA SHAPE="rect" ALT="Top 20" COORDS="386,544,411,553" HREF="top.html" TARGET="main">
<AREA SHAPE="rect" ALT="New Releases" COORDS="322,545,377,552" HREF="new.html" TARGET="main">
<AREA SHAPE="rect" ALT="News Archive" COORDS="256,545,313,553" HREF="newsarchive.html" TARGET="main">
<AREA SHAPE="rect" ALT="News" COORDS="227,545,249,552" HREF="news.html" TARGET="main">
<AREA SHAPE="rect" ALT="Main" COORDS="154,545,219,553" HREF="main.html" TARGET="main">
</MAP>
<!-- End ImageReady Slices -->
<DIV style="position: absolute; top: 462px; left: 315px; height: 75px; width: 75px;">
<img src="s7.jpg">
</DIV>
</TD>
</BODY>
</HTML>

Ayelet
02-16-2004, 04:40 PM
you could try to postion the image within the image tag...

<img src="s7.jpg" style="position: absolute; top: 462px; left: 315px; height: 75px; width: 75px;">

Rosey
02-16-2004, 04:55 PM
if you absolute position something, it's not going to shift when you change the browser size. YOu need a fluid or liquid layout.

stargrl329
02-16-2004, 05:44 PM
Perhaps try using percentages instead of exact pixel locations?

swi.t
02-16-2004, 07:07 PM
if you absolute position something, it's not going to shift when you change the browser size. YOu need a fluid or liquid layout.

What do you mean fluid or liquid layout? On my other layouts, the div positioning worked, but it's just this one that messes up.