Creating a frameless site - how do I position my <div>s

T

Trevor L.

Stefan said:
I'd say you have bigger problems in the page layout
- starting w/ the wrong Doctype for a non frameset page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- look at it in an 800x600 browser window
Click to expand...

OK
I have now corrected the DOCTYPE to
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
FF is ignoring the image because it sees
<img src =?mages/display/blank.gif" width="1" height= "160" /
And IE Sees <img src =ïmages/display/blank.gif" width="1" height= "160" />
Instead of <img src =images/display/blank.gif" width="1" height= "160" />
Note the difference in the I in images/
Click to expand...

Yes, I see it.
Well the 2nd last line should read:
Instead of <img src ="images/display/blank.gif" width="1" height= "160" />
(quote before images)
But thats OK, I could see what you meant

This occurred because my keyboard is set to US International and when I
press the quote it waits for the next keypress before writing a character.
Quote I is I diaherrosis (if that is correct, perhaps it is I umlaut -
anyway the double dot above the character).
I will either have to watch more carefully or switch back to standard US

I have fixed it now and the gap due to the blank gif appears, even when I
change the width to "0" which is exactly what I want.

I can now work on varying the height of the gif.
(Murray, You may say "uggh" but it is worth a try)
 
T

Trevor L.

Kevin said:
It depends upon the elements. Some useful properties from the DOM
that are available in both IE6 and Mozilla:
(stuff in here)
Click to expand...

I tried these properties, but I find it difficult to find any connection
between the various heights and the height I need to set the gif as.
scrollHeight seems to be the more consistent measure
These are its values
"header" is 75
"left" is 401
"right" varies between the pages
With zero height gif
File Height of "right" Height needed for gif
album.html 416 154
about.html 399 378
siteinfo.html 428 142
sitemap.html 576 346

With album and siteinfo which have no expanding tables or divs, the sum of
these two is the same (570)
But for about and siteinfo where there are tables or divs which expand when
clicked, there doesn't seem to be any sensible relationship between the
heights

So the only way I can get the background to show for the depth of the entire
page is to experiment with the height of the gif until I get it right.

And in any case, it is different in Firefox.
Firefox acts as if there are more pixels to the page !!!
(unless the numbers used when displaying/setting heights aren't pixels at
all)

Strange
 
K

Kevin Spencer

Hi Trevor,
And in any case, it is different in Firefox.
Firefox acts as if there are more pixels to the page !!!
(unless the numbers used when displaying/setting heights aren't pixels at
all)
Click to expand...

That's a fact, Jack. Or, rather Trevor.

I don't know why exactly, but both height and width of the document are
different in FireFox. I had to account for that in my framesless frameset.

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
We got a sick zebra a hat,
you ultimate tuna.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

CSS Problems 9
Heigth stretching problem. FF/IE 2
How to position image displayed from a link? 1
Positioning of image from link - if that makes sense! 3
Pages in Inline frames 1
from tables to css - I need help 1
Glue footer to bottom of viewport on short divs & scroll longer d 10
Embedded media player 3

Top