----- Original Message -----
From: "Eric Bohlman" <>
Newsgroups: comp.infosystems.
www.authoring.stylesheets
Sent: Wednesday, December 03, 2003 8:44 PM
Subject: Re: Can somebody hold my hand?
"lostinspace" <> wrote in
:
http://www.mi-harness.com/publct/lvnglgd.html
I'm left with three problems, which I'm hoping somebody may help with?
1) Upon opening the page and narrowing your browser, you'll see that
the text does not STAY wrapped around the floating index?
That's because it isn't actually floating, it's absolutely positioned.
Remember that absolute positioning pulls an element out of the layout flow
(i.e. the rest of the page is layed out as if the positioned element
didn't exist at all), and then sticks it in whatever position you
specified, which in this case will be on top of the right-hand side of the
first few lines of text. If you want text to flow around an element, use
a float rather than absolute positioning.
I changed your style declaration to:
#menu {
float:right;
WIDTH: 19ex;
BACKGROUND-COLOR: #CCFFFF;
}
(you forgot the "#" before the color code, BTW)
and moved the menu div to where the empty "float" div was toward the
beginning of the body.
2) I've inserted four images through the long document. Is it possible
(rather than having the big void of space) to wrap the preceding lines
around the image while still retaining its current position on its
present line?
Yes: the reason it's not working for you is that you failed to put quote
marks around the values of your inline style attributes. They're getting
interpreted as 'style="float"' which is invalid and won't do anything.
Validating your HTML would have caught that right away (just as validating
your CSS would have caught the incorrect color codes).
3) I don't believe the "<br>" I'm currently using in the h1 and h2's
is proper?
It's valid HTML (<Hx> allows anything in %inline; as content, and <BR> is
an inline element), but it does result in a visually unbalanced look when
viewing in a large browser window.
4) The background color in the menu displays as desired (behind the
entire menu) in IE, however in both Netscape 6.2 and Mozilla Firebird
the background color only gets the top half of the menu?
That was because you set the height of your menu div to something less
than the height of the actual contents, so the contents overflowed it. When
that happens the background color isn't supposed to overflow with them,
but IE is rather buggy.
Many thanks for your help Eric.
Although the errors you have caught are correct, they only move me back
further in the line of my goal :-(
"and moved the menu div to where the empty "float" div was toward the beginning of the body."
The entire reason for using the layout as was originally designed (with the
open divide [at least I'm assuming that] was so that the SE's and Lynx will
view the page content prior to viewing the menu's. It appears to me that if
I swap the old positions (empty div, top of body, and menu div, bottom of
body) than the menu will likely come up first :-(
Not what I desire. Very bad for SE page page return results.
Unfortunately, no matter what I do or what browser I use, am I able to get
the menu background to view properly.
I tried the change you suggested:
#menu {
float:right;
WIDTH: 19ex;
BACKGROUND-COLOR: #CCFFFF;
}
without the div change and in 1st page, Netscape and IE and they all failed.
I tried adding the HEIGHT back in and that failed too.
Regarding the four images within the content?
I was hoping for a center position with text wrap on the lines I had them
previously.
I did go back in to the CSS book I have and it supported the "" along with
ONLY the left or right placement :-(
Actually I could use the thing as I had it previously.
I just won't view as desired in WEB-TV. ( kinda doubt anybody else, besides
PDA's and other such nonsense is viewing a screen lower that 500 pixels.)
In any event in-its current form and until I find a solution, it would be
both senseless and impossible to begin converting 600 pages.
Thanks again.
Guess the FP pages stay online :-(