This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Site Ratings & Reviews > December 2003 > centre div indent problem with left floated image - help!





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author centre div indent problem with left floated image - help!
Michael Hughes

2003-12-03, 7:28 pm

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.
------------------------------------------------------------------
Bonnie Granat

2003-12-03, 7:28 pm


"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 side
quote:

> 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

=?iso-8859-1?Q?Charles_Blaqui=E8re?=

2003-12-03, 7:28 pm

Michael Hughes wrote:
quote:

> http://www.mfhughes.com/ktest/deutsch.htm


quote:

> 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 is the infamous "IE float bug" -- lots of references to that problem on
the Net. Many sites offer help; check out the layouts at
http://webhost.bridgew.edu/etribou/layouts/ , for example.

Michael Hughes

2003-12-03, 7:28 pm

Thanks to both people who responded, I'll have a look
at the files, they look like they will sort out
my problems.

Thanks again.

Michael Hughes.
Alan J. Flavell

2003-12-03, 7:28 pm

On Thu, 20 Nov 2003, Michael Hughes blurted out to the entire usenet
readership:
quote:

> Thanks to both people who responded,



We don't readily know who they were, nor what they suggested to you.
quote:

> I'll have a look at the files, they look like they will sort out my
> problems.



That's nice. If your Usenet postings are to be useful, I'd like to
suggest to you that would be better if you would adhere to normal
netiquette, by following-up to the postings with a minimal relevant
quote to set the context, and then tell the readership to what extent
that relevant quote proved to be helpful to the tasks. In that way we
can all leverage on your experience.

"yours for a better Usenet" IMHO.
Bonnie Granat

2003-12-03, 7:29 pm


"Alan J. Flavell" <flavell@ph.gla.ac.uk> wrote in message
news:Pine.LNX.4.53.0311201003050.27584@ppepc56.ph.gla.ac.uk...
quote:

> On Thu, 20 Nov 2003, Michael Hughes blurted out to the entire usenet
> readership:
>
>
> We don't readily know who they were, nor what they suggested to you.
>
>
> That's nice. If your Usenet postings are to be useful, I'd like to
> suggest to you that would be better if you would adhere to normal
> netiquette, by following-up to the postings with a minimal relevant
> quote to set the context, and then tell the readership to what extent
> that relevant quote proved to be helpful to the tasks. In that way we
> can all leverage on your experience.
>
> "yours for a better Usenet" IMHO.



This solved his problem, Alan. It's my post of the 19th:


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



Bonnie Granat

2003-12-03, 7:30 pm


"Bonnie Granat" <bgranat@granatedit.com> wrote in message
news:3fbd3289@andromeda.5sc.net...
quote:

>
> "Alan J. Flavell" <flavell@ph.gla.ac.uk> wrote in message
> news:Pine.LNX.4.53.0311201003050.27584@ppepc56.ph.gla.ac.uk...
>
> This solved his problem, Alan. It's my post of the 19th:
>
>
> 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.
>



LOL. This guy wanted a solution just like Bill Clinton wanted to catch Osama
bin Laden.


--

Bonnie Granat
http://www.granatedit.com

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews