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:relati ve;
}
..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="tablebor der">
<div class="paddedte xt">
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> 2 2230
"Spondishy" <sp*******@tisc ali.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.stylesh eets.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html
In article <11************ **********@f14g 2000cwb.googleg roups.com>
Spondishy <sp*******@tisc ali.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.
RWF1d0kyOVdySEV Vb0g5YkZJVzFaVU 9FRElxa0xINWdFS GdXbktXNEhtSVdy
SEgxbzB5QUZVU1l GSmNsCnExQTZFMH VhRzI5V0dIdVVGY XlkUGFTNEJUY2ly
SElKcElJQ0ZSdGx aSmdWSHd4MkhVdG tKS09JRUhTVwpIY XhtRTFXd0gzV1lH
Mk1VWjNTY0phcVd Bejk0TTBnQVowOX pFMjFDbk5jV0gxY 2RGS3lXRzBrNkJU
a1QKRndTWEZIZ0d MM09JTDNjaEd3MD k=
<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." -- Siteldawgnumber 1 This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
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 prototype "scaffolding" page I'm playing with is here:
http://www.eecs.berkeley.edu/~pasztor/test.html
It looks right in "Mozilla Firefox", but not in IE 6. In IE 6, the three
"nav" blocks are rendered right after one another in a vertical column.
|
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 example is below.
http://www.villas2u.com/example/test.htm
http://www.villas2u.com/example/styles.css
I realise that the issue is with the padding of 10px pushing the
|
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 right up
directly below to the first or second div, depending on which is
showing.
If you load the html in Firefox, and then click on the "Edit" link you
can see that the first div is hidden, the second div is shown, however
the third div is...
|
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 the floating
divs, nothing is cleared. What am I doing wrong ?
Here is the url:http://www.reenie.org/test/test5.php
Here is the code:
<html>
<head>
|
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 have a grey
background.
When I view the page in Firefox, I get what I hoped for: there is a
solid grey rectangle at the top of the website. When I view the page in
Internet Explorer 6 (WinXP), there is a gap between two right hand DIVs
(i.e. a...
| |
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 alignments and div widths are off. It's as if firefox has a different definition of a pixel than safari. Here is the url: http://theprize.chemouni.com/testing.php. When you select the Option from the pull down, the first part of the form appears. Then when...
|
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 Opera and Firefox but it
shows problems with IE6 (I've no idea with IE7):
http://www.fitcisl.it/fit/index.asp
Here I copy the css code with the hope that someone knows a hack so to
make it compatible with all the browsers.
Thank you!
Ataru
|
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 http://www.altmarvel.net/Liam/OCOC.css.
Anyway, the problems are these:
1. The Search stuff underneath the menu and to the right should be
|
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 problems with a site I'm creating for a church. I'm
trying to use DIVs and SPANs for the layout, not a table, but I'm
honestly thinking of just going with the table since it's MUUUCCCCHHH
less of a headache. My page can be found at...
|
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
| |
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
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 last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
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 we have to send another system
| |
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 can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |