|
Convenient web based access to our favorite web design Usenet groups
|
 |
This is Interesting: Free Magazines for Graphics designers and webmasters
| Author |
| Thread |
 |
|
|
|
|
|
 |
 |
 |
centre div indent problem with left floated image - help! |
 |
|
 |
|
|
|
  12-04-03 - 12:28 AM
|
Hi All,
I'm building another site, trying to uses as few tables
as I can. I've hit a bit of a snag, which is that on this
design:-
http://www.mfhughes.com/ktest/deutsch.htm
If you look on text of the first full paragraph (in IE,
- it works properly in Mozilla and Opera) you can see that
the text above a certain point is indented and below is not
indented, (only by a few pixels). This occurs at the same
point on the screen where the gif on the left ends. The float:left
of the gif's container div is affecting the content div in
IE only for some reason. Arrgggghh!
Has anyone any suggestions? I've trie using position:absolute
with left: 0px on the gif's container div, and this solves the
problem, but makes aother problems elsewhere, namely that the
table across the bottom (the copyright one) can end up under/over one of the
side
columns in certain situations, (such as those where the side columns
are long and the content is short) which is why I'd used float
in the first place.
Any suggestions, fixes, workarounds or even flames for missing
something obvious (with solution!) are welcome.
Thanks
Michael Hughes
------------------------------------------------------------------
Don't use email above, its a former employer.
------------------------------------------------------------------
|
|
|
| [
Post Follow-Up to this message ]
|
|
|
|
|
 |
 |
Re: centre div indent problem with left floated image - help! |
 |
|
 |
|
|
|
  12-04-03 - 12:28 AM
|
"Michael Hughes" <michael@entamedia.com> wrote in message
news:a094c608.0311190842.1ee40536@posting.google.com...quote:
> Hi All,
>
> I'm building another site, trying to uses as few tables
> as I can. I've hit a bit of a snag, which is that on this
> design:-
>
> http://www.mfhughes.com/ktest/deutsch.htm
>
> If you look on text of the first full paragraph (in IE,
> - it works properly in Mozilla and Opera) you can see that
> the text above a certain point is indented and below is not
> indented, (only by a few pixels). This occurs at the same
> point on the screen where the gif on the left ends. The float:left
> of the gif's container div is affecting the content div in
> IE only for some reason. Arrgggghh!
>
> Has anyone any suggestions? I've trie using position:absolute
> with left: 0px on the gif's container div, and this solves the
> problem, but makes aother problems elsewhere, namely that the
> table across the bottom (the copyright one) can end up under/over one of
the sidequote:
> columns in certain situations, (such as those where the side columns
> are long and the content is short) which is why I'd used float
> in the first place.
>
> Any suggestions, fixes, workarounds or even flames for missing
> something obvious (with solution!) are welcome.
>
I've made only the changes necessary to solve your immediate problem.
Basically, you need to be using percentages instead of pixels in your
styles.
See http://www.granatedit.com/michaelhughes.html.
--
Bonnie Granat
http://www.granatedit.com
|
|
|
| [
Post Follow-Up to this message ]
|
|
|
|
|
 |
 |
Re: centre div indent problem with left floated image - help! |
 |
|
 |
|
|
|
 |
|
|
 |
| All times are GMT. The time now is 09:55 AM. |
 |
|
|
|
|
|  |
|