473,239 Members | 1,552 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,239 software developers and data experts.

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 2214
"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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Egon Pasztor | last post by:
Hi. I'm new at CSS, so maybe this is obvious, but I've looked around quite a bit looking for a solution. I'm playing with the vertical positioning of elements in a 2-column layout. The...
26
by: Spondishy | last post by:
Hi, I have a problem with divs and padding in IE6 and Firefox. Basically my example that I have attached works exactly how I want in IE6, but padding is treated differently in Firefox. My...
5
by: gregmercer | last post by:
I have the following html sample, where I'd like to have a show and hide two divs, one replacing the other. Following these two divs is a third div (the bluediv) which I would like to have placed...
12
by: meltedown | last post by:
I would like the floating divs to float and then the header to come after them , on the left. That's what I thought clearing the floats was for, but in this example, the header is to the right of...
2
by: tasman.hayes | last post by:
I'm experimenting with converting a site from a table layout to CSS. I'm floating three DIVs in a row for the top of a website (a logo, navigation buttons and a email list signup box). The DIVs...
2
by: cbjewelz | last post by:
Hey all. So I'm having problems with cross browser alignments. I'm looking at Safari and Mozilla Firefox. I develop in Safari and so it looks perfect there however in Firefox my vertical...
0
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...
6
by: Liam Gibbs | last post by:
Hello everyone, I'm trying to program a church web site and I'm having a number of problems with the layout. The html is at http://www.altmarvel.net/Liam/index.html and the css is at...
2
by: Liam Gibbs | last post by:
Hello everyone, This will be my third time posting this, but for some reason, my message isn't get through to the newsgroup, even after hours of waiting. So here goes again. I'm having huge...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
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: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
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...

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.