CS/resolution problems
am 22.09.2007 15:05:11 von Annemie
Hi,
CSS script with 3 kolumns and total width of 960px. De 3 kolums are
exact 960px
See how it looks at http://www.naturistart.eu/test/test-1-1-1.html
Computer 1: IE7.0 en resolution 1152x864 (1,33)
gives a right view see the image at http://www.naturistart.eu/test/ie7.html
(breedte=width, I'm Dutch)
Computer 2: IE6.0 en resolution 1288x800 (1,6)
gives a wrong view. The 3e kolumn is now under the first one.
See the image at http://www.naturistart.eu/test/ie6-1.html
After I have given the 3e kolumn a width of 4px less than before. And
now it looks right.
See the image at http://www.naturistart.eu/test/ie6-2.html
Who knows about? What will be the solution?
HTML:
"http://www.w3.org/TR/html4/loose.dtd">
CSS:
html, body {
margin : 0;
padding : 0;
width : 100%;
min-width : 960px;
font-family : Arial,sans-serif;
font-size : 100%;
background-color : #FFFFFF;
}
#fullcontainer { /* breedte 960 */
background: red;
height: 60px;
padding: 0 0;
margin: 5px 0 0 0;
}
#column1 { /* breedte 263 */
height: 60px;
background: yellow;
float: left;
padding: 0 0;
margin: 5px 0 0 0;
}
#column2 { /* breedte 362 */
height: 60px;
background: green;
float: left;
padding: 0 0;
margin: 5px 0 0 0;
}
#column3 { /* breedte 335 */
height: 60px;
background: orange;
float: left;
padding: 0 0;
margin: 5px 0 0 0;
}
..mainimage {
display: block;
margin: 0;
border: 0;
border-width: 0 0 0 0;
}
/**********/
a.test:link img { border: 2px solid #FFFFFF; }
a.test:visited img { border: 2px solid #FFFFFF; }
a.test:hover img { border: 2px solid #F04704; }
a.test:hover {background-position: 0 0;}
a.test:active img { border: 2px solid #FFFFFF; }
/*********/
..centered {
margin: 0 auto;
width: 960px;
}
Regards
Loek
Greetings
Loek
Re: CS/resolution problems
am 23.09.2007 01:00:55 von dorayme
In article
<1190466311.354555.114130@d55g2000hsg.googlegroups.com>,
Annemie wrote:
> Hi,
>
> CSS script with 3 kolumns and total width of 960px. De 3 kolums are
> exact 960px
> See how it looks at http://www.naturistart.eu/test/test-1-1-1.html
>
> Computer 1: IE7.0 en resolution 1152x864 (1,33)
> gives a right view see the image at http://www.naturistart.eu/test/ie7.html
> (breedte=width, I'm Dutch)
>
> Computer 2: IE6.0 en resolution 1288x800 (1,6)
> gives a wrong view. The 3e kolumn is now under the first one.
> See the image at http://www.naturistart.eu/test/ie6-1.html
>
> After I have given the 3e kolumn a width of 4px less than before. And
> now it looks right.
> See the image at http://www.naturistart.eu/test/ie6-2.html
>
> Who knows about? What will be the solution?
IE6 is known to add 3px next to floats in many circumstances.
Perhaps this is the cause of your puzzle, when you add give the
browser less pixels to accout for in the columns, the floats then
have more room and so do not wrap (as is in the nature that God
gave floats).
I will now leave you to others who might go into the evils of
(1) Attempting fixed layouts
(2) Attempting such massively wide fixed layouts
(3) Thinking that resolution has the slightest thing to do with
web authoring
(4) Worrying about pixel perfection (it has been known to send
earthlings completely crazy. No, that is *not* what happened to
me.)
--
dorayme
Re: CS/resolution problems
am 23.09.2007 12:08:45 von Annemie
On 23 sep, 01:00, dorayme wrote:
> In article
> <1190466311.354555.114...@d55g2000hsg.googlegroups.com>,
>
>
>
>
>
> Annemie wrote:
> > Hi,
>
> > CSS script with 3 kolumns and total width of 960px. De 3 kolums are
> > exact 960px
> > See how it looks athttp://www.naturistart.eu/test/test-1-1-1.html
>
> > Computer 1: IE7.0 en resolution 1152x864 (1,33)
> > gives a right view see the image athttp://www.naturistart.eu/test/ie7.html
> > (breedte=width, I'm Dutch)
>
> > Computer 2: IE6.0 en resolution 1288x800 (1,6)
> > gives a wrong view. The 3e kolumn is now under the first one.
> > See the image athttp://www.naturistart.eu/test/ie6-1.html
>
> > After I have given the 3e kolumn a width of 4px less than before. And
> > now it looks right.
> > See the image athttp://www.naturistart.eu/test/ie6-2.html
>
> > Who knows about? What will be the solution?
>
> IE6 is known to add 3px next to floats in many circumstances.
> Perhaps this is the cause of your puzzle, when you add give the
> browser less pixels to accout for in the columns, the floats then
> have more room and so do not wrap (as is in the nature that God
> gave floats).
>
> I will now leave you to others who might go into the evils of
>
> (1) Attempting fixed layouts
>
> (2) Attempting such massively wide fixed layouts
>
> (3) Thinking that resolution has the slightest thing to do with
> web authoring
>
> (4) Worrying about pixel perfection (it has been known to send
> earthlings completely crazy. No, that is *not* what happened to
> me.)
>
> --
> dorayme- Tekst uit oorspronkelijk bericht niet weergeven -
>
> - Tekst uit oorspronkelijk bericht weergeven -
TXT dorayme. I will start with "positions" or do not have troubles
with px. In my case 4px less and there is no problem anymore.
Regards
Annemie
Re: CS/resolution problems
am 23.09.2007 14:01:35 von Rob_W
Annemie schreef:
> On 23 sep, 01:00, dorayme wrote:
>> In article
>> <1190466311.354555.114...@d55g2000hsg.googlegroups.com>,
[snipped]
>>
>> I will now leave you to others who might go into the evils of
>>
>> (1) Attempting fixed layouts
>>
>> (2) Attempting such massively wide fixed layouts
>>
>> (3) Thinking that resolution has the slightest thing to do with
>> web authoring
>>
>> (4) Worrying about pixel perfection (it has been known to send
>> earthlings completely crazy. No, that is *not* what happened to
>> me.)
>>
>> --
>> dorayme- Tekst uit oorspronkelijk bericht niet weergeven -
>>
>> - Tekst uit oorspronkelijk bericht weergeven -
>
> TXT dorayme. I will start with "positions" or do not have troubles
> with px. In my case 4px less and there is no problem anymore.
>
> Regards
> Annemie
>
Evil #5: Not reading any books about CSS.
--
Rob
Re: CS/resolution problems
am 23.09.2007 16:19:24 von Annemie
>
> Evil #5: Not reading any books about CSS.
>
> --
> Rob- Tekst uit oorspronkelijk bericht niet weergeven -
>
> - Tekst uit oorspronkelijk bericht weergeven -
I have already a book !!
Regards
Annemie
Re: CS/resolution problems
am 23.09.2007 23:01:21 von dorayme
In article
<1190557164.672319.220310@k79g2000hse.googlegroups.com>,
Annemie wrote:
> >
> > Evil #5: Not reading any books about CSS.
> >
> > --
> > Rob- Tekst uit oorspronkelijk bericht niet weergeven -
> >
> > - Tekst uit oorspronkelijk bericht weergeven -
>
> I have already a book !!
>
Just hang round, post questions, submit urls and you will get
some pretty good advice and come across all sorts of reading
material.
here are some urls on Internet Explorer quirks that may be
relevant to your original puzzlement or interesting to you for
future related puzzles:
http://www.positioniseverything.net/explorer.html
--
dorayme
height=30>
height=30>
height=30>