Hello guys
I have the following code:
<html>
<head>
<style>
#one{width:110px;height:100px;background-color:yellow;border:1px solid
green;}
#two{float:left; width:100px;height:100px;background-color:red;}
#three{float:left;width:10px;height:100px;backgrou nd-color:blue;}
.clear{clear:both;}
</style>
</head>
<body>
<div id="one">
<div id="two">
</div>
<div id="three">
</div>
<div class="clear"></div>
</div>
</body>
</html>
If you see it in opera and ff, it works correctly. But it doesnt in ie
6. If I remove the border, then it looks good in ie6. But not in opera
and ff! Anyone know how to solve this? I want to have a border!
Kind regards 9 1551 wa*****@hotmail.com wrote:
Hello guys
Hello guy
>
I have the following code:
[instead of an URL]
>
If you see it in opera and ff, it works correctly.
What does "correctly" mean here? What, specifically, does it do so well?
But it doesnt
Why not? How do you mean? Where, specifically, does it fail?
in ie
6. If I remove the border, then it looks good in ie6. But not in opera
and ff! Anyone know how to solve this? I want to have a border!
You might have provided an URL, even for this simple case, but I copied
and pasted your code and made a new page out of it for you. I then
viewed it in IE6, FF, and Opera.
It all looked the same for me, but then, I had automatically used a
doctype declaration to ensure standards-mode behavior. It's just what I
do. But it looks like you don't (no URL, can't tell for sure) so
probably that's what you ought to add. When I remove the strict doctype
from my play page, I do get variant behavior (albeit in O and IE).
--
John
Hi John
If you can have a look at this url: http://87.237.208.85/try.html
then you will understand what I ment. On that page there is first the
code I previously had posted here. And after it you see 3 pictures. Its
screenshots of the page taken for the 3 different browsers. As you can
see, the IE6.0 picture doesnt look like the other two and is quite
ugly. I hope I was more clear now.
Kind regards
warth
John Hosking skrev: wa*****@hotmail.com wrote:
Hello guys
Hello guy
I have the following code:
[instead of an URL]
If you see it in opera and ff, it works correctly.
What does "correctly" mean here? What, specifically, does it do so well?
But it doesnt
Why not? How do you mean? Where, specifically, does it fail?
in ie
6. If I remove the border, then it looks good in ie6. But not in opera
and ff! Anyone know how to solve this? I want to have a border!
You might have provided an URL, even for this simple case, but I copied
and pasted your code and made a new page out of it for you. I then
viewed it in IE6, FF, and Opera.
It all looked the same for me, but then, I had automatically used a
doctype declaration to ensure standards-mode behavior. It's just what I
do. But it looks like you don't (no URL, can't tell for sure) so
probably that's what you ought to add. When I remove the strict doctype
from my play page, I do get variant behavior (albeit in O and IE).
--
John
wa*****@hotmail.com wrote:
>
If you see it in opera and ff, it works correctly. But it doesnt in ie
6. If I remove the border, then it looks good in ie6. But not in opera
and ff! Anyone know how to solve this? I want to have a border!
Read up on how IE calculates box widths. Fix: add a strict DOCTYPE
Louise
boclair wrote:
wa*****@hotmail.com wrote:
>> If you see it in opera and ff, it works correctly. But it doesnt in ie 6. If I remove the border, then it looks good in ie6. But not in opera and ff! Anyone know how to solve this? I want to have a border!
Read up on how IE calculates box widths. Fix: add a strict DOCTYPE
Louise
Also don't use empty block elements. The contained divs need specific
content
Louise
No one of the two you suggested worked.
First I put:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
and then even text inside the div elements. But the result remains the
same.
warth
boclair skrev:
boclair wrote:
wa*****@hotmail.com wrote:
>
If you see it in opera and ff, it works correctly. But it doesnt in ie
6. If I remove the border, then it looks good in ie6. But not in opera
and ff! Anyone know how to solve this? I want to have a border!
Read up on how IE calculates box widths. Fix: add a strict DOCTYPE
Louise
Also don't use empty block elements. The contained divs need specific
content
Louise
wa*****@hotmail.com wrote:
No one of the two you suggested worked.
First I put:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
and then even text inside the div elements. But the result remains the
same.
That's one of the major drawback of using XHTML. It should indeed start
with <?xml ...?>, however, Internet Explorer will not recognize your
doctype that way. Leaving it out in putting the doctype on the first line
makes it work, but not valid.
One of the many reasons I reverted back to HTML 4.01 strict untill XHTML or
even XML support in browsers (well, MSIE mainly) is better.
--
Rik Wasmus
Yeah right. It works that way, without the <? xml ?signature. And,
yes, its a pity. If you wanna make this working, then the page cannot
be valid xhtml. But maybe there is another solution to this issue?
>
That's one of the major drawback of using XHTML. It should indeed start
with <?xml ...?>, however, Internet Explorer will not recognize your
doctype that way. Leaving it out in putting the doctype on the first line
makes it work, but not valid.
One of the many reasons I reverted back to HTML 4.01 strict untill XHTML or
even XML support in browsers (well, MSIE mainly) is better.
--
Rik Wasmus
wa*****@hotmail.com wrote:
No one of the two you suggested worked.
First I put:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
and then even text inside the div elements. But the result remains the
same.
warth
boclair skrev:
>boclair wrote:
>>wa*****@hotmail.com wrote:
If you see it in opera and ff, it works correctly. But it doesnt in ie 6. If I remove the border, then it looks good in ie6. But not in opera and ff! Anyone know how to solve this? I want to have a border! Read up on how IE calculates box widths. Fix: add a strict DOCTYPE
Louise
Also don't use empty block elements. The contained divs need specific content
Louise
Please don't top post.
The basic problem is IE, natively in so called quirks mode, takes the
width to be the overall width. The standard CSS requires the width to be
that of the content.
IE in quirks mode takes the border widths (cum 2px) off the content
width so that the two floated divs can not fit. The second slips below
the other.
By content for the two contained divs, use
Why use XHTML? Stay with HTML4.01 with DOCTYPE strict dtd
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
If you have an uploaded page please use.
The reference for this is http://www.w3.org/TR/REC-CSS2/visudet.html
Louise
Rik wrote:
Sorry Rik. No intention to come over the top. Time delays.
Louise This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Christian Knoflach |
last post by:
Hi everyone,
well i know the CSS-Entity "border-style:dotted", but it doesn't work for
me - i need 1 Pixel dotted borders, but "border-style:dotted" creates (on my
IE 6, at least) dashed borders...
|
by: David Walker |
last post by:
Can someone please confirm my suspicion that IE5 on Windows is including
borders in the dimensions of a block object? The block in question has the
following css:
div.headerbox
{
position:...
|
by: Philipp Lenssen |
last post by:
I created Search.CSS which grabs Google results (using the Web API),
displays as XHTML1.0 Strict + CSS, and recently also adds Thumbnails....
|
by: David Ross |
last post by:
In my <http://www.rossde.com/inflation.html>, I have a small table
in the middle of the page. This page is composed without a
DOCTYPE statement at the beginning. The table borders appear to
my...
|
by: Wayfarer |
last post by:
I'm stumped. Would one of you take a look at the following site and
help me with two problems:
1. When zooming in, <div id="banner"> is the *only* block that doesn't
"expand" to fit the text &...
|
by: Jon Glazer |
last post by:
I have an anchor using a class that defines a hover subclass. The issue is
that the anchor itself doesn't have any border and when hovered it adds a
border, the problem is that when it adds the...
|
by: NeverLift |
last post by:
I posted a very long message regarding my experiences with JavaScript,
one reply was posted asking I post an example of the problem -- and
both are gone! Is there a moderator that removes such...
|
by: Michael Redbourn |
last post by:
Hi,
I just switched from FP to DW and am very very happy !
So whilst I'm mastering Dreamweaver (gonna be a while yet :-) - I
thought that I'd try and find out how to add borders for browers...
|
by: Davo |
last post by:
Hello,
I've created a table with two columns, the second column is fixed width at
64px and contains a div, the div has a border and contains some text, the
text renders to larger than 64px. This...
|
by: aa123db |
last post by:
Variable and constants
Use var or let for variables and const fror constants.
Var foo ='bar';
Let foo ='bar';const baz ='bar';
Functions
function $name$ ($parameters$) {
}
...
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
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...
|
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...
| |