iexplorer6 and div

[Jean Pierre Daviau]

Hi to the gurus.

I have a page

http://www.jeanpierredaviau.com/inset.html

wich displays fine with Mozilla but not with ...

Why?

My second qustion is why the image is not shown in the second div?

--

X trême newbe
.......
masm32
windows Xp
asus p4 s533/333/133
Intel(R) Celeron (R) CPU 2.00 GHz

[RobG]

Jean Pierre Daviau wrote:

Hi to the gurus.

I have a page

http://www.jeanpierredaviau.com/inset.html

wich displays fine with Mozilla but not with ...

Why?

My second qustion is why the image is not shown in the second div?
Displays fine in IE for me.
Validate your markup: you have duplicate id 'base' (and other errors):

<URL:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.jeanpierredaviau.com%2F inset.html>
You also have CSS errors, so validate that too:

<URL:http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.jeanpierredaviau.co m%2Finset.html&usermedium=all>
Any of the above may have caused your issue.
Instead of:
.inset { position:relative;
border-left: #ffffff 6pt inset;
border-right: #ffffff 6pt inset;
border-top: #ffffff 6pt inset;
border-bottom: #ffffff 6pt inset;
height:150px;
width:183px;
}

Why not:

.inset {
position: relative;
border: 6pt inset #ffffff;
height:150px;
width:183px;
}
--
Rob

[Jean Pierre Daviau]

Thank you.

I did the corrections.
My text does not display on the right side of the enclosing DIV

http://www.jeanpierredaviau.com/inset.html

<style type="text/css" media="screen">
#base {
background:url(badour.jpg);
border-width:3pt;
border-color:#bbbbbb;
border-style: groove;
width: 550px;
height: 200px;

padding: 15px 15px 15px 15px;
}

#base1 {
background:url(badour.jpg);
border-width:3pt;
border-color:#bbbbbb;
border-style: groove;
width:550px;
height:200px;

padding: 15px 15px 15px 15px;
}

..inset {
position:relative;
border: 6pt inset #ffffff;
height:150px;
width:183px;
}

..texte {
position:relative;
}

</style>

[Jean Pierre Daviau]

"Jean Pierre Daviau" <On**@WasEno.ugh> a écrit dans le message de news:
Ye*********************@weber.videotron.net...
| Thank you.
|
| I did the corrections.
| My text does not display on the right side of the enclosing DIV
|
| http://www.jeanpierredaviau.com/inset.html
|
| <style type="text/css" media="screen">
| #base {
| background:url(badour.jpg);
| border-width:3pt;
| border-color:#bbbbbb;
| border-style: groove;
| width: 550px;
| height: 200px;
|
| padding: 15px 15px 15px 15px;
| }
|
| #base1 {
| background:url(badour.jpg);
| border-width:3pt;
| border-color:#bbbbbb;
| border-style: groove;
| width:550px;
| height:200px;
|
| padding: 15px 15px 15px 15px;
| }
|
| .inset {
| position:relative;
| border: 6pt inset #ffffff;
| height:150px;
| width:183px;
| }
|
| .texte {
| position:relative;
| }
|
| </style>
|
|

| .inset {
| position: absolute;
| border: 6pt inset #ffffff;
| height:150px;
| width:183px;
| }
|
| .texte {
| position:relative;
float: right;
| }