Using paragraphs within CSS box -- why not?

Joe

Hello,

The code below is an entire HTML page that has a problem when using a
<p> tag inside a CSS box (when running IE6). I was being a good boy
and I replaced my single-cell <table> elements with these CSS boxes.
However, I can't use <p> formatting within the a CSS box. The nested
paragraph jumps outside of the box. I've been told that the HTML works
as expected sinde the Dreamweaver preview window, so I'm suspecting
IE6. Anyone know how to make this box work?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>BOX</title>
<style>
..cbox {
width:450px;
height:auto;
border-style:solid;
border-width:thin;
border-color:blue;
padding-left:5px;
padding-right:5px;
padding-top:10px;
padding-bottom:12px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:12px;
text-align:center;
color:red;
}
</style>
<head>
<body>
<h3>We ask of an HTML expert...</h3>
<p class="cbox">
<b>Why does this box work?</b>
</p>
<p class="cbox">
<p><b>And this box doesn't?</b></p>
</p>
<h3>Can you keep the &LT;P&GT; or &LT;DIV&GT; inside the box?</h3>
</body>
</html>

Jul 21 '05 #1

Subscribe Reply

3046

Christoph Päper

*Joe*:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<p class="cbox">
<p><b>And this box doesn't?</b></p>
</p>

You don't have a CSS problem, but encountered an HTML (validation) FAQ.
I suppose you know where to find the answer.

Jul 21 '05 #2

Lauri Raittila

in comp.infosystems.www.authoring.stylesheets, Joe wrote:

The nested paragraph jumps outside of the box.
What does paragraph nested in paragraph mean? As there is no reason for
nesting paragraphs, nesting paragraphs is impossible.

If you need generic box, use div. P element is for marking up paragraphs.

So, when HMTL parser sees <p>foo<p>bar it interprets them as 2 paragraphs
following each other. Extra </p>'s are ignored as errors.
I've been told that the HTML works
as expected sinde the Dreamweaver preview window, so I'm suspecting
IE6.

When bad browser gives you bad results, don't try to test it using worse
browser... But, nesting things inside paragraph is not as simple as you
might think - many browsers have error correction thinking different
ways...

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173

Jul 21 '05 #3

Joe

Thank you for your notes. The reason I wrapped with <P> tags was
because every book and every sample of code that I looked at did it
that way. But you're right, of course. It makes more sense to wrap
with DIV tags -- and now my formatting works, too. Thanks, again.

By the way... been to Utrecht. Nice city.

Jul 21 '05 #4

Disco Octopus

Joe wrote :

Thank you for your notes. The reason I wrapped with <P> tags was
because every book and every sample of code that I looked at did it
that way.
What are these samples that you are looking at? I would first
suggest... dont look at those samples.

By the way... been to Utrecht. Nice city.

Indeed. However bloody cold at times.

--
if the oil light is on, dont think it will just go away

Jul 21 '05 #5

Joe

Thanks for your comments. I had Googled high and low looking for an
answer to the nested <p><div></div></p> question. Only found an answer
here. If you have time, can you please point me to this FAQ? It
sounds like a useful thing to have.

Jul 21 '05 #6

Lauri Raittila

in comp.infosystems.www.authoring.stylesheets, Disco Octopus wrote:

Joe wrote :
Thank you for your notes. The reason I wrapped with <P> tags was
because every book and every sample of code that I looked at did it
that way.

What are these samples that you are looking at? I would first
suggest... dont look at those samples.

And don't read books about web design, unless you are very certain about
their quality. All books I have seen have made fundamental error in first
few pages. But I haven't been actively looking for one in years.

There must be some good ones too...

Utrecht

However bloody cold at times.

LOL.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173

Jul 21 '05 #7

tink

New Member

WoW almost a year later.... Has anything changed regarding the use of nested <p>'s?

in comp.infosystems.www.authoring.stylesheets, Disco Octopus wrote:[color=blue]
> Joe wrote :[color=green]
> > Thank you for your notes. The reason I wrapped with <P> tags was
> > because every book and every sample of code that I looked at did it
> > that way.[/color]
>
> What are these samples that you are looking at? I would first
> suggest... dont look at those samples.[/color]

And don't read books about web design, unless you are very certain about
their quality. All books I have seen have made fundamental error in first
few pages. But I haven't been actively looking for one in years.

There must be some good ones too...
[color=blue][color=green]
> > Utrecht[/color]
> However bloody cold at times.[/color]

LOL.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173

I came a googleing last night when I came across a nested <p> tag in an article about "Floats" and CSS by John Gallent of Community MX.
The example he was using to illustrate his point was this.

<div style="float:left; width:30%;">
<p>Left float text</p></div>
<p> 
<div style="float:right; width:150px;">
<p>Right float text</p></div>
Text following the right nested float
</p>
<p>Paragraph</p> 
<p>Paragraph</p>

I haven't had a chance to finish the article as I went off in search of "what the heck is a nest <p>" And I haven't written the author as yet either as I want to obviously finish the essay as well as do my research on the questions that come up.
Can you enlighten another lost soul a bit more on this? How would you do this. This code was talking about float boxes over lapping other text blocks

Meanwhile, the block boxes following the float just get covered by the float (even though their content
may have been moved aside). If the float is made very tall, it can drape over a large stack of block boxes,
as shown in the second screen shot image.

May 8 '06 #8

Similar topics

2312

A robust approach to "literary paragraphs"?

by: Jukka K. Korpela | last post by:

After noticing that IE 7 beta supports selectors like p+p, I started wondering how to achieve a simple rendering of paragraphs so that 1) there is no vertical spacing between paragraphs (i.e. the...

HTML / CSS

2015

inexplicable System.NullReferenceException when using stl vector

by: razilon | last post by:

Hi, I've written a managed class that makes use of stl vectors of a few unmanaged structs for data handling/manipulation, but I'm getting a few very strange errors. I get an "Unhandled...

C / C++

1326

inexplicable System.NullReferenceException when using stl vector in managed class

by: razilon | last post by:

Hi, I've written a managed class that makes use of stl vectors of a few unmanaged structs for data handling/manipulation, but I'm getting a few very strange errors. I get an "Unhandled...

.NET Framework

2605

Searching My XML File Using Keyword Searches?

by: pbd22 | last post by:

Hi. I am somewhat new to this and would like some advice. I want to search my xml file using "keyword" search and return results based on "proximity matching" - in other words, since the search...

.NET Framework

2610

Word Templates using Visual Basic Editor

by: trezraven | last post by:

I am creating a template in Word 2007 using Visual Basic Editor. I am pulling information from an Access database. I know this is probably a stupid question, but for the life of me I can't figure out...

Visual Basic 4 / 5 / 6

3765

Internet Explorer won't hide nested paragraphs

by: danep | last post by:

Hi all, On my site I have a section of code that resembles the following: <p id="gear" style="display: none;"> <p>test</p> </p> This renders fine in Firefox (that is, nothing is...

HTML / CSS

1914

aligning title and paragraphs differently

by: Sjef Janssen | last post by:

Hallo, I'm trying to create boxes that have nicely spaced paragraphs, but a title that is in a colored line full-width. Here is my styles: In the div content I create the framed boxes and...

HTML / CSS

4446

Hi i have problem with counting the number of paragraphs in a text file

by: keoo | last post by:

Im putting the part of the code which is relevant to my question......The program is opening the texfile which i already have created..Im not quite managing to make the program count the number of...

C / C++

5840

Parsing word Doc using PERL in Windows

by: pramodkh | last post by:

Hi All I am parsing a word doc using perl. I am using Win32::OLE module for this. I am able to get the Paragraphs/styles/Text from the word doc. But facing some problem when I am trying to get...

Perl

7129

Changing the language in Windows 10

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...

Windows Server

7398

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

7061

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

7502

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5057

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

3208

Trying to create a lan-to-lan vpn between two differents networks

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...

Networking - Hardware / Configuration

3194

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

1566

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

428

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

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...

General