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.
------------------------------------------------------------------ 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
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.
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.
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.
"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
"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 This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
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...
|
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
|
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...
|
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>
|
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...
| |
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...
|
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...
|
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
|
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...
|
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...
|
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,...
| |
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...
|
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...
|
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();...
|
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...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
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...
| |