Help - Search - Members - Calendar
Full Version: <div> Code Not Lining Up:Unnecessary Space Pops Up
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Drepturi
In the past, the <div> code has worked perfectly fine for me. I have been able to successfully line up image background with the iframe relatively easily; however:

http://drepturi.webs.com/index.htm

The iframe being influenced by the <div> code "refuses" to move above the upper half of the screen. It may just be my computer (Windows 7 Laptop), but I highly doubt it. The coding I am using is:

<div style="position:absolute;center:50;top:40;width:400;height:200">
<iframe name="iframe1" iframe bordercolor="6DCFF6" style="border-width:0px; border-style:solid; border-color:6DCFF6;" src="http://telemachus.webs.com/evolution2.htm" align="center" height="400" width="200" hspace="0" vspace="0" frameborder="0" scrolling="auto"></div>

This same code has been used before successfully:
http://telemachus.webs.com/index.htm
http://telemachus.webs.com/cranium.htm
---

As also seen on the web-page in question, it appears to have added unnecessary space to the bottom of the screen. Scrolling down will leave the viewer with nothing but gray to look at. I am unsure why this is occurring, seeing as it has not happened before.
pandy
CODE
position:absolute;center:50;top:40;width:400;height:200


There is no property called 'center'. The other values need units.
Drepturi
QUOTE(pandy @ May 11 2011, 04:29 AM) *

CODE
position:absolute;center:50;top:40;width:400;height:200


There is no property called 'center'. The other values need units.


I have already tried "left" and "right", and yet it still won't rise onto the top half of the page.
-
As for values, any suggestions?
pandy
I just meant you should correct the errors. There are a lot more of them. You can use the validators to find them.

Now that I have looked at your other pages that you say look as you want I don't understand the problem. I don't see what's different. What exactly is it that you want higher up?

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.