I tried removing the "width: 100%;" in your ".pubtableBorde r" rule. When viewed in IE, the table moved up right under the text and to the left of the image. But of course, all column widths were as narrow as possible.
I don't know the solutions, but I believe that the width parameter is the cause....
User Profile
Collapse
-
Excellent. The suggestion that I may not need to position at all, while it didn't work, it did lead to an improvement.
If I don't position, I can't layer the graphic and the float. But, I did change the "top:<->" parameter to "margin-top:<->" and that moved the whole thing up including the bottom of the container.
Now, just a little bit of space remains. I have an element under the floats...Leave a comment:
-
Yes, I understand that the space will be reserved. I've tried to figure out a way to achieve the overlapping graphics without having to move the floats UP. Maybe move the top graphic down (but that leaves the space at the top instead). Or absolutely position the top graphic (tried and couldn't get the z-index to work such that the floats were in front of the graphic). Or nest another container and put the top graphic in the background and push...Leave a comment:
-
container with floats appears to be too long
My problem page is at
http://girlschorus.org/test.html
I have a container with a relatively positioned graphic at the top, then two floats which are relatively positioned (for a a two-column effect) under the graphic. I've applied the Clear Fix hack so that the container extends to the bottom of the floats just fine.
My problem is that in moving the two floats up (position:relat ive; top:<something around... -
Thank you for the reminder to put in a doctype declaration. (head-bonk) It really messed things up, but lead me to start over from scratch and build the page a line at a time rather than piecing together parts from other sources. The results: the page no longer has a disappearing graphic, but I have alignment issues/differences between IE and FF (who would have guessed?)!
Look! http://girlschorus.org/test.html
I'm...Leave a comment:
-
garphic disappears in IE6, not FireFox
I have created a page using html, and CSS, some of the coding being done in DW8, some hand-coding. Code validates for FireFox and for IE.
See the page at: http://girlschorus.org/test.html
I have two problems:
1) Take a look at the page in both browsers. There is a logo in the upper left corner-ish of the layout. In IE, the logo does not appear. In FF it does. Interestingly, there is a "width" attribute...
No activity results to display
Show More
Leave a comment: