| Autor | Zpráva | ||
|---|---|---|---|
| kvoky Profil |
#1 · Zasláno: 8. 11. 2008, 13:23:00
Takže stylopis:
<style>
body {
margin:10 0 0 10;
color:white;
background-color: green;
}
* {-moz-box-sizing: border-box; box-sizing: border-box;}
#box{
width:719;
}
.pborder13{
background-image:url(border13.png);
}
.right{
padding: 1 1 1 1;
background-position: right;
background-repeat: repeat-y;
}
.left{
background-position: left;
background-repeat: repeat-y;
}
.top{
background-position: left top;
background-repeat: repeat-x;
}
.bottom{
background-position: left bottom;
background-repeat: repeat-x;
}
.bg50{
background:url(50bg.png) repeat;
}
#boxt{
padding: 10 10 10 10;
}
</style>A html: <div id='box' class='pborder13 top'> <div class='pborder13 left'> <div class='pborder13 bottom'> <div class='pborder13 right'> <div class='bg50'><div id='boxt'> bla </div></div></div></div></div></div> No co to má dělat, má to vykreslit box s poloprůhledným borderem který bude mít šířku 719 px a vnitřek boxu bude mít taky obrázek na pozadí. A v čem je problém? Mozzila vykreslí celý box správně... o šířce 719 px, ale IE to vykreslí o šířce 721 px. Co s tím? Dík |
||
| Měsíček Profil |
#2 · Zasláno: 8. 11. 2008, 13:31:27 · Upravil/a: Měsíček
#box{
width:719px;
}
|
||
| kvoky Profil |
#3 · Zasláno: 8. 11. 2008, 13:46:15
To ne no :-(
|
||
| Chamurappi Profil |
#4 · Zasláno: 9. 11. 2008, 03:16:02 · Upravil/a: Chamurappi
Reaguji na Měsíčka:
V quirku není nutné psát „px“. Předpokládám, že kvoky v quirku jede. Reaguji na kvokyho: Pomohla by živá ukázka. |
||
| kvoky Profil |
#5 · Zasláno: 9. 11. 2008, 15:57:08
Tak tedy.... pomohlo to že jsem .right přidal pevnou šířku.... protože mám nahoře box-sizing pro mozzilu a operu tak se to srovna i v nich, ale problem nastane v google chrome, který nerespektuje box-sizing a to jsem ještě nezkoušel safari apod...
|
||
| Bubák Profil |
#6 · Zasláno: 9. 11. 2008, 17:04:17
„problem nastane v google chrome, který nerespektuje box-sizing a to jsem ještě nezkoušel safari apod...“
box-sizing zatím není standardní vlastnost, použij jeden z těchto zápisů: -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; Nemám odzkoušeno, jak se chovají starší verze Safari a co dělá Konqueror, můžeš testnout třeba na Browsershots |
||
| kvoky Profil |
#7 · Zasláno: 9. 11. 2008, 19:01:50
Díky
|
||
|
Časová prodleva: 15 let
|
|||
0