469,282 Members | 2,359 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,282 developers. It's quick & easy.

Problems with divs in IE and Firefox

I have a fairly simple page (attached below) with a couple of nested
divs. The issue is with the paddedtext class. If I have this set to
100% width the text hangs over the edge of the tableborder div in
Firefox. If I take the width off its fine in Firefox, but pushes
tableborder wider in IE6.

Could anyone give me a pointer on this.

Help Appreciated. Thanks.

<html>
<head>
<style>

..tableborder
{
border-right: silver 1px solid;
border-top: silver 1px solid;
border-left: silver 1px solid;
border-bottom: silver 1px solid;
}
..mainpane
{
width: 750px;
text-align: left;
height:auto;
margin: 0 auto;
position:relative;
}

..leftpane
{
left: 0px;
width: 150px;
position: absolute;
top: 0px;
}

..rptwocol
{
left: 160px;
width: 590px;
position: absolute;
top: 0px;
}

..paddedtext
{
text-align: justify;
width: 100%;
padding: 4px;
}

</style>
</head>

<body>
<div class="mainpane">
<div class="leftpane">
Stuff in the left
</div>
<div class="rptwocol">
<div class="tableborder">
<div class="paddedtext">
Hot on the heels of the Halifax's annual First Time Buyer review,
published Saturday, deputy prime minister John Prescott has announced a
series of measures to help people struggling to buy their first house.
</div>
</div>
</div>
</div>
</div>
</body>
</html>

Jul 23 '05 #1
2 2094
"Spondishy" <sp*******@tiscali.co.uk> wrote:
I have a fairly simple page (attached below) with a couple of nested
divs.
From the HTML perspective, a div element is just a meaningless (i.e.,
semantically empty) block-level container. Extremely boring, though often
useful for slapping a class attribute into it, or maybe a lang attribute,
or whatever.
The issue is with the paddedtext class.


You have a CSS problem, not an HTML problem. Please do not forget to post
the URL and drop the copy of the code when re-posting your question into
c.i.w.a.stylesheets.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 23 '05 #2
In article <11**********************@f14g2000cwb.googlegroups .com>
Spondishy <sp*******@tiscali.co.uk> wrote:

I have a fairly simple page (attached below) with a couple of nested
divs. The issue is with the paddedtext class. If I have this set to
100% width the text hangs over the edge of the tableborder div in
Firefox. If I take the width off its fine in Firefox, but pushes
tableborder wider in IE6.

Could anyone give me a pointer on this.
This goes back to where their parents or family are?
Help Appreciated. Thanks.
RWF1d0kyOVdySEVVb0g5YkZJVzFaVU9FRElxa0xINWdFSGdXbk tXNEhtSVdy
SEgxbzB5QUZVU1lGSmNsCnExQTZFMHVhRzI5V0dIdVVGYXlkUG FTNEJUY2ly
SElKcElJQ0ZSdGxaSmdWSHd4MkhVdGtKS09JRUhTVwpIYXhtRT FXd0gzV1lH
Mk1VWjNTY0phcVdBejk0TTBnQVowOXpFMjFDbk5jV0gxY2RGS3 lXRzBrNkJU
a1QKRndTWEZIZ0dMM09JTDNjaEd3MDk=
<html>
<head>
<style>


Html head delisle

--
Lady Chatterly

"Also, Lady Chatterly is a bot from the kook groups, and yyyiiiing is
a poster from the kook groups." -- Siteldawgnumber1

Jul 23 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Egon Pasztor | last post: by
5 posts views Thread by gregmercer | last post: by
12 posts views Thread by meltedown | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
reply views Thread by suresh191 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.