Need some CSS help

Gef

Fledgling Freddie
Joined
Jan 9, 2004
Messages
570
I'm really not sure if this is possible, if its not then i'll go back to the drawing board and make a proper frameset (which i'd like to avoid if possible).

I need an iFrame to be dropped into the gap on the right and fit flush to the edges.

http://creative.icowip.co.uk/ecm/

This is an IE only thing, as a lot of the web controls we use will only work in IE. Its not finished, kinda got stuck with this whole frame thing, iFrames seem to have a mind of their own.

Anyone have any ideas?
 

Shovel

Can't get enough of FH
Joined
Dec 22, 2003
Messages
1,350
Height 100% can be a turd and often results in the iframe being sized to the full height of the window.

Erm, my initial suggestion would be to set width and height to "auto", give the parent element position: relative and then size your iframe with position: absolute; top: 0; bottom: 0; left: 0; right: 0;

... and hope - naturally. The parent element MUST use position: relative though, otherwise the iframe positioning will anchor off the entire page. My hope is that it will take bottom: 0; correctly and not use any kind of relationship to the window (if it works, you'll want to test it in a situation where the iframe is supposed to spread over the bottom of the window region.
 

Thugs

Fledgling Freddie
Joined
Mar 8, 2004
Messages
986
Resizing?

Sure looks like you having a prob getting that iframe to settle.

Whenever I get stuck with positioning I sometimes revert to forcing the location with tables. Not the best of solutions but sometimes the only way. In other words first of all place a table where you want the iframe located. Split the table a few times column wise and stick the code for the iframe in the central one. Make the table 100% so that it fits the area you want the iframe to settle in. After that it should be quite easy to centralize the iframe code.

My own site relies on iframes throughout. I pull in external websites for viewing. Even managed to get the links to work outside of the iframe.

Will download that page you have posted and take a look to see if can correct it.

Sites-4u.com
PS: Firefox and Opera being blocked for now until the site is ready!
 

Thugs

Fledgling Freddie
Joined
Mar 8, 2004
Messages
986
Right hand iframe

You mean something like this?

Righthand iframe.

Not sure wot the left hand stuff was suppose to do so I left it alone. Just repositioned that odd looking iframe. Dead easy to resize it now.
 

Gef

Fledgling Freddie
Joined
Jan 9, 2004
Messages
570
Cheers for that Thugs, I kinda gave up on that design a while ago. I will revisit it soon though, the final solution ofc is just to use a frameset. Its a fairly simple process to lay it out using tables, but I really wanted to avoid nesting everything on the page in one table for speed issues when loading the web controls etc. Doesnt really matter anyway the programmer will probably just do as he pleases with it anyway, as usual. ;)

Heres one though, is there any way to make a relatively positioned DIV so that it doesnt create a space where it used to sit? Setting the size to 0px works in moz but not IE for some reason!

http://creative.icowip.co.uk/abcd/

Its for the little tag thing that sits over the main image...
 

Gef

Fledgling Freddie
Joined
Jan 9, 2004
Messages
570
Never mind, kinda fixed it now just using absolute position, would have rather used relative though just in case i need to adjust the sizes of anything!
 

Users who are viewing this thread

Top Bottom