-
1. Re: Why isn't text wrapping?
MurraySummers Oct 10, 2011 11:25 AM (in response to mookie blaylock)Using either position:absolute or position:relative removes the element from the normal flow, so you would never use these for text wrapping an image, since by being removed from the normal flow, the element cannot interact with anything else on the page.
To have text flow around an image, you would always float the image. This, too, sorta removes the image from the normal flow, but not the same as a position would. Just remember that the floated element must come BEFORE the content that would wrap in the code. Also know that when that content wraps, it doesn't do a 360 degree wrap, it would only wrap above, below, and to the side opposite to the float.
Finally, having used a float, you must also worry about CONTAINING that float, because subsequent elements can also be affected by the previously declared float. The best way to do this is to declare an "overflow:hidden" style for the container of these elements.
-
2. Re: Why isn't text wrapping?
mookie blaylock Oct 10, 2011 11:41 AM (in response to MurraySummers)Yes. All things I am aware of. I have tried so many combinations and it is just not coming up right.
-
3. Re: Why isn't text wrapping?
Ken Binney Oct 10, 2011 11:45 AM (in response to mookie blaylock)I don't see any rule in your main css that says to float an image when it is contained within your "rightsiderecipe" DIV
-
4. Re: Why isn't text wrapping?
mookie blaylock Oct 10, 2011 11:50 AM (in response to Ken Binney)The entire div is set to float right:
#rightsiderecipe {
clear: left;
float: right;
padding: 0;
width: 294px;
margin: 0 0 0 20px;
}
-
5. Re: Why isn't text wrapping?
mookie blaylock Oct 10, 2011 12:44 PM (in response to mookie blaylock)OK, gang.
Hurray. The text is wrapping beautifully.
BUT what happened to the leftnav?????
-
6. Re: Why isn't text wrapping?
mookie blaylock Oct 10, 2011 1:04 PM (in response to mookie blaylock)It's always something so simple. The widths weren't fitting with the margins.
Seems OK now.
Voodoo.



