Web Design Web Design Forum
Registration is free! Here you can view your subscribed threads, work with private messages and edit your profile and preferences Calendar Find other members Frequently Asked Questions Search
Home Web Design

Convenient web based access to our favorite web design Usenet groups

web design reviews

This is Interesting: Free Magazines for Graphics designers and webmasters  





  Last Thread  Next Thread
Author
Thread Post New Thread   

centre div indent problem with left floated image - help!
 

Michael Hughes




quote this post edit post

IP Loged report this post

Old Post  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!
 

Bonnie Granat




quote this post edit post

IP Loged report this post

Old Post  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 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


Post Follow-Up to this message ]
Re: centre div indent problem with left floated image - help!
 

examnotes




quote this post edit post

IP Loged report this post

Old Post  12-04-03 - 12:28 AM  
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.


Post Follow-Up to this message ]
Re: centre div indent problem with left floated image - help!
 

Michael Hughes




quote this post edit post

IP Loged report this post

Old Post  12-04-03 - 12:28 AM  
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.


Post Follow-Up to this message ]
Re: centre div indent problem with left floated image - help!
 

Alan J. Flavell




quote this post edit post

IP Loged report this post

Old Post  12-04-03 - 12:28 AM  
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.


Post Follow-Up to this message ]
Re: centre div indent problem with left floated image - help!
 

Bonnie Granat




quote this post edit post

IP Loged report this post

Old Post  12-04-03 - 12:29 AM  
"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


Post Follow-Up to this message ]
Re: centre div indent problem with left floated image - help!
 

Bonnie Granat




quote this post edit post

IP Loged report this post

Old Post  12-04-03 - 12:30 AM  
"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


Post Follow-Up to this message ]
Sponsored Links
 





All times are GMT. The time now is 09:55 AM. Post New Thread   
  Previous Last Thread   Next Thread next
Site Ratings & Reviews archive | Show Printable Version | Email this Page | Subscribe to this Thread

Popular forums

Adobe Photoshop forum Macromedia Flash Web Site Design
Dreamweaver FrontPage forum
JavaScript Forum XML forum
Style Sheets VRML
Forum Jump:
Rate This Thread:

 

XML RSS Feed web design latest articles Syndicate our forum via XML or simple JavaScript

Web Design archive  Database administration help  


Top Home  -  Register  -  Control Panel   -  Memberlist  -  Calendar  -  Faq  -  Search Top