473,320 Members | 1,861 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Div not displaying correctly with <p> and <a> ?

I am trying out a div which is a footer for a page, which contains a
<p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to be
placed on the left of the div, and the <a> element on the right.
I've put a float : right ; on <a> elements in the footer div. This seems to
work fine in opera 7.11 & netscape 7, but in IE6 the <a> is placed to the
right as expected, but the <p> element is placed on the left but too low, so
that it is below the vertical position of the <a> element rather than at the
same level.
Any ideas of how to correct this in IE ?
Cheers
Tony
Jul 20 '05 #1
7 2212
Tony Benham wrote:
I am trying out a div which is a footer for a page, which contains a
<p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to be
placed on the left of the div, and the <a> element on the right.
It would be easier if you supplied a URL to a testcase. We have no way of
knowing whether the <p> and <a> elements are siblings, and which comes
first in the document flow. From the above, it sounds as though they are
siblings and the <p> element comes first, but this:
I've put a float : right ; on <a> elements in the footer div. This seems
to work fine in opera 7.11 & netscape 7,


....sounds as though the <a> element comes first with the <p> element
following it, or perhaps the <a> element is a child of the <p> element and
you have confused the <p> element with the text it contains.

Internet Explorer does some strange things with margins sometimes, and it
also has a 3px offset bug that appears under some circumstances. You might
want to look into them by setting different-coloured borders as a debugging
aid. Post a URL and perhaps somebody will be able to help you.

--
Jim Dabell

Jul 20 '05 #2
"Jim Dabell" <ji********@jimdabell.com> wrote in message
news:88********************@giganews.com...
Tony Benham wrote:
I am trying out a div which is a footer for a page, which contains a
<p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to be placed on the left of the div, and the <a> element on the right.
It would be easier if you supplied a URL to a testcase. We have no way of
knowing whether the <p> and <a> elements are siblings, and which comes
first in the document flow. From the above, it sounds as though they are
siblings and the <p> element comes first, but this:
I've put a float : right ; on <a> elements in the footer div. This seems
to work fine in opera 7.11 & netscape 7,

------ aid. Post a URL and perhaps somebody will be able to help you.

--
Jim Dabell

Jim,
Here an example http://laurelparkfc.port5.com/test.htm
I want the some text line to line up with the webmaster link
The css for the footer div is
div#footer {margin : 0 ; background: #08C02A ; font-size : 80%; color :
yellow; border : 1em ;border-color: #888;}
div#footer a {float : right ; padding : 0.5em; color : black}
div#footer p {padding : 0.5em 0.5em 0.5em 0.5em ; text-align : left ;}
Cheers

Tony

Jul 20 '05 #3
On Wed, 15 Oct 2003 15:47:10 +0100, "Tony Benham"
<to***@kerrisway.freeserve.co.uk> wrote:
I am trying out a div which is a footer for a page, which contains a
<p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to be
placed on the left of the div, and the <a> element on the right.
I've put a float : right ; on <a> elements in the footer div. This seems to
work fine in opera 7.11 & netscape 7, but in IE6 the <a> is placed to the
right as expected, but the <p> element is placed on the left but too low, so
that it is below the vertical position of the <a> element rather than at the
same level.
Any ideas of how to correct this in IE ?


It sounds as if you want to do something similar to what I do in the
footer of my site - see sig. See if that helps.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #4

"Tony Benham" <to***@kerrisway.freeserve.co.uk> wrote in message
news:bm************@ID-170918.news.uni-berlin.de...
"Jim Dabell" <ji********@jimdabell.com> wrote in message
news:88********************@giganews.com...
Tony Benham wrote:
I am trying out a div which is a footer for a page, which contains a
<p>zzzz</p> and a <a href yyyy>Link</a>, and I want the <p> element to
be
placed on the left of the div, and the <a> element on the right.


It would be easier if you supplied a URL to a testcase. We have no way of knowing whether the <p> and <a> elements are siblings, and which comes
first in the document flow. From the above, it sounds as though they are siblings and the <p> element comes first, but this:
I've put a float : right ; on <a> elements in the footer div. This

seems to work fine in opera 7.11 & netscape 7,

------
aid. Post a URL and perhaps somebody will be able to help you.

--
Jim Dabell

Jim,
Here an example http://laurelparkfc.port5.com/test.htm
I want the some text line to line up with the webmaster link
The css for the footer div is
div#footer {margin : 0 ; background: #08C02A ; font-size : 80%; color :
yellow; border : 1em ;border-color: #888;}
div#footer a {float : right ; padding : 0.5em; color : black}
div#footer p {padding : 0.5em 0.5em 0.5em 0.5em ; text-align : left ;}


The block element, p, causes the break.

The solution is based on something like this

<div style="text-align:left;padding:0.5em;">
<div style="float:right;width:25%;"><A
href="mailto:to***@kerrisway.freeserve.co.uk?subje ct=LPFC Webmaster
Enquiry">Contact
Webmaster</A></div>
Some Text
</div>

Louise
Jul 20 '05 #5
> The block element, p, causes the break.

The solution is based on something like this

<div style="text-align:left;padding:0.5em;">
<div style="float:right;width:25%;"><A
href="mailto:to***@kerrisway.freeserve.co.uk?subje ct=LPFC Webmaster
Enquiry">Contact
Webmaster</A></div>
Some Text
</div>

Louise

Hi Louise,
Thanks for the reply, that does work fine. I'm curious why IE works
differently to Netscape/opera though ?
Thanks
Tony
Jul 20 '05 #6
"Stephen Poley" <sb******************@xs4all.nl> wrote in message
news:va********************************@4ax.com...
On Wed, 15 Oct 2003 15:47:10 +0100, "Tony Benham"
<to***@kerrisway.freeserve.co.uk> wrote:

It sounds as if you want to do something similar to what I do in the
footer of my site - see sig. See if that helps.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/


Hi Stephen,
Thanks for the advice. On a totally different tack do you mind telling me
which technique you use for automatically inserting the footer code into
your page ? I'm thinking of doing this, and have been starting to look at
php or ssi ?
Thanks
Tony
Jul 20 '05 #7

"Tony Benham" <to***@kerrisway.freeserve.co.uk> wrote in message
news:bm************@ID-170918.news.uni-berlin.de...
The block element, p, causes the break.

The solution is based on something like this

<div style="text-align:left;padding:0.5em;">
<div style="float:right;width:25%;"><A
href="mailto:to***@kerrisway.freeserve.co.uk?subje ct=LPFC Webmaster
Enquiry">Contact
Webmaster</A></div>
Some Text
</div>

Louise

Hi Louise,
Thanks for the reply, that does work fine. I'm curious why IE works
differently to Netscape/opera though ?


I don't know about netscape and opera, but certainly Moz 1.3.1 displays as
IE6 and I believe that is the correct interpretation. Even NS4 displays as
desired if the text is not contained in another block element

The reason that I think the text and link are on apparently different lines
is that
1 .. the text is contained in a p (with inherent margins)
2 .. the link floated in the containing div that does not have declared
margins.

Therefore the p margin is "not" applied to the floated div. This can be
shown by fiddling with the margin declared on p. (But why contain the text
in another block element?)

It is the obverse of the case discussed in the thread, "Float and Margin
Issues" OP Mike Irwin.

Louise
Jul 20 '05 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Eshrath | last post by:
Hi, What I am trying to do: ======================= I need to form a table in html using the xsl but the table that is formed is quite long and cannot be viewed in our application. So we are...
2
by: Donald Firesmith | last post by:
I am having trouble having Google Adsense code stored in XSL converted properly into HTML. The <> unfortunately become &lt; and &gt; and then no longer work. XSL code is: <script...
1
by: RJN | last post by:
Hi I'm using XMLTextReader to parse the contents of XML. I have issues when the xml content itself has some special characters like & ,> etc. <CompanyName>Johnson & Jhonson</CompanyName>...
1
by: JezB | last post by:
I'm binding a DataGrid web-control to data fetched from a database. However some of my data fields contain text that is within <...> characters - I notice that everything between the <> is...
4
by: Neil Zanella | last post by:
Hello, I would like to know what the difference is among the constructs <%= %> for evaluating an expression and displaying the evaluated result on the page and <%# %>. In particular I would like...
1
by: RJN | last post by:
Hi I'm using XMLTextReader to parse the contents of XML. I have issues when the xml content itself has some special characters like & ,> etc. <CompanyName>Johnson & Jhonson</CompanyName>...
1
by: mike | last post by:
I've got some code like this: gametype_id = Request.Form("gametype_id") response.write "<br>gametype_id from form>" & gametype_id & "<" response.write "<br>gametype_id from database>" &...
3
by: ajay2552 | last post by:
Hi, I have a query. All html tags start with < and end with >. Suppose i want to display either '<' or '>' or say some text like '<Company>' in html how do i do it? One method is to use &lt,...
14
by: Michael | last post by:
Since the include function is called from within a PHP script, why does the included file have to identify itself as a PHP again by enclosing its code in <?php... <?> One would assume that the...
3
by: newbie | last post by:
Same thing g++ complains when using hash_map<>, but is happy with map<--I understand hahs_map is not standardized, but since the compiler didn't complain something like 'hash_map<not defined', I...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

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.