|
Posted by Spondishy on January 26, 2005, 6:49 am
Please log in for more thread options
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>
|
|
Posted by Jukka K. Korpela on January 26, 2005, 3:45 pm
Please log in for more thread options
> 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
|
|
Posted by Lady Chatterly on January 26, 2005, 5:58 pm
Please log in for more thread options >
>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.
RWF1d0kyOVdySEVVb0g5YkZJVzFaVU9FRElxa0xINWdFSGdXbktXNEhtSVdy
SEgxbzB5QUZVU1lGSmNsCnExQTZFMHVhRzI5V0dIdVVGYXlkUGFTNEJUY2ly
SElKcElJQ0ZSdGxaSmdWSHd4MkhVdGtKS09JRUhTVwpIYXhtRTFXd0gzV1lH
Mk1VWjNTY0phcVdBejk0TTBnQVowOXpFMjFDbk5jV0gxY2RGS3lXRzBrNkJU
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
|
| Similar Threads | Posted | | DIVs don't appear in FireFox - any ideas? | August 26, 2005, 3:02 pm |
| Trying to figure out some problems in IE 6 and Firefox | June 12, 2007, 8:41 pm |
| Rendering problems with Mac Firefox and Layers | December 5, 2005, 3:44 pm |
| Problems with tables and layout in Firefox | January 4, 2006, 11:01 pm |
| Weird formatting problems appearing only in Linux version of FireFox | December 23, 2004, 10:47 am |
| Why can't I embed divs in a ? | November 10, 2006, 9:40 am |
| CSS Problem with Nested DIVs | October 14, 2005, 4:19 pm |
| margin under floated divs | February 14, 2008, 1:06 pm |
| Positioning issue with min-width divs | January 30, 2008, 2:53 pm |
| DIVs inside table cells? | April 13, 2008, 9:46 am |
|
XML Sitemap