473,624 Members | 2,575 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

centre div indent problem with left floated image - help!

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:absolu te
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
6 2112

"Michael Hughes" <mi*****@entame dia.com> wrote in message
news:a0******** *************** ***@posting.goo gle.com...
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:absolu te
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
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
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
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

"Alan J. Flavell" <fl*****@ph.gla .ac.uk> wrote in message
news:Pi******** *************** ********@ppepc5 6.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

"Bonnie Granat" <bg*****@granat edit.com> wrote in message
news:3f******@a ndromeda.5sc.ne t...

"Alan J. Flavell" <fl*****@ph.gla .ac.uk> wrote in message
news:Pi******** *************** ********@ppepc5 6.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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
2446
by: Werner Partner | last post by:
I'm looking for something like that: http://www.sonoptikon.de/praxis-mt/test.php The text should have a certain indent, and from the left border should come a "marker" which goes over the text for a certain length. Please don't look at the source text, ;-) it's terrrible, but I just wanted to show how about it should look like. Of course in my test case I cannot realize two features: - the couloured marker should always have same...
16
2879
by: Andy Mabbett | last post by:
The page at: <http://www.westmidlandbirdclub.com/club/logo.htm> has a logo "floated" in the top left, and another "floated" in the top right, with the H1 heading centred between them (and this centred on the page). I would like to only have the logo top left, but retain the centering of
1
5855
by: Vincent | last post by:
I noticed an irritating behaviour of the text-indent property and I wonder if I'm the only one to feel this way about it: it seems that text-indent applies even to floated elements. Although this is probably correct according to the specification (text-indent is inherited), don't you think it makes no sense to apply text-indent to such elements ? Here is an example: I have a paragraph, starting with a clickable image, that's followed by...
16
2489
by: Stanimir Stamenkov | last post by:
Take a look at: http://www.geocities.com/stanio/test/ie_and_floats.html Basically I got such content blocks: <div class="someblock"> <img class="preview" ...> <p>...</p> <div class="clear"></div>
12
6285
by: deko | last post by:
Is there any way to work around the blank space created by hidden divs? I'm trying to use a relatively postioned divs with show/hide behaviors to annotate an image. The divs show/hide onMouseOver/onMouseOut but leave a blank space on the page when hidden (the space where the divs would normally be). Is it possible to use z-indexing to put regular content where the hidden divs would be? When I try to do this, the layers don't unhide as...
9
5095
panachepad
by: panachepad | last post by:
I arrived here from a websearch that found this thread from your archives: http://www.thescripts.com/forum/thread97805.html It helped me to understand that I am on the right track, but I still have one problem surrounding this issue. I am trying to make a <div> block that contains a) a link b) an arrow or an image of an arrow c) another link d) another link floated off to the far right All of this must be on one horizontal line. The...
31
2940
by: Martin Clark | last post by:
Hello, I am daring to stick my head above the parapet and ask as question. I am working on redesigning a website to use CSS rather than tables for layout. I have come across a problem when trying to float an image to the right. For ease of looking at the problem, I have stripped away other parts of the page layout, and have just included the "content" section in the examples below. The basic design of having a left column and a main...
0
2130
by: atarumorooka | last post by:
Hello, yes..it must be hard to try and help someone else coding but today is a full week of sadness and stress for IE CSS rendering and I need your help. Here you have a link that looks nice with Opera and Firefox but it shows problems with IE6 (I've no idea with IE7): http://www.fitcisl.it/fit/index.asp Here I copy the css code with the hope that someone knows a hack so to make it compatible with all the browsers. Thank you! Ataru
2
1954
by: Reiki Evolution | last post by:
Hi, Hopefully someone can help me here. I am recoding my web site. The original site was just in HTML but I am teaching myself CSS for the new site. My new site consists of three columns: a sidebar floated left, a sidebar floated right, and the 'main content' which has wide margins to accommodate the floated sidebars. I am working on the main content. I want to do something very simple: I have an image floated left, with some text to...
0
8249
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8179
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8685
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
7176
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5570
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4084
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4187
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1797
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1493
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.