By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,487 Members | 1,074 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,487 IT Pros & Developers. It's quick & easy.

centre div indent problem with left floated image - help!

P: n/a
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.
------------------------------------------------------------------
Jul 20 '05 #1
Share this Question
Share on Google+
6 Replies


P: n/a

"Michael Hughes" <mi*****@entamedia.com> wrote in message
news:a0**************************@posting.google.c om...
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.

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

Jul 20 '05 #2

P: n/a
Michael Hughes wrote:
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 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.

Jul 20 '05 #3

P: n/a
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.
Jul 20 '05 #4

P: n/a
On Thu, 20 Nov 2003, Michael Hughes blurted out to the entire usenet
readership:
Thanks to both people who responded,
We don't readily know who they were, nor what they suggested to you.
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.
Jul 20 '05 #5

P: n/a

"Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote in message
news:Pi*******************************@ppepc56.ph. gla.ac.uk...
On Thu, 20 Nov 2003, Michael Hughes blurted out to the entire usenet
readership:
Thanks to both people who responded,


We don't readily know who they were, nor what they suggested to you.
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.


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

Jul 20 '05 #6

P: n/a

"Bonnie Granat" <bg*****@granatedit.com> wrote in message
news:3f******@andromeda.5sc.net...

"Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote in message
news:Pi*******************************@ppepc56.ph. gla.ac.uk...
On Thu, 20 Nov 2003, Michael Hughes blurted out to the entire usenet
readership:
Thanks to both people who responded,


We don't readily know who they were, nor what they suggested to you.
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.


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

Jul 20 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.