Autor Zpráva
fanky
Profil
na této stránce http://charon.hkfree.org/pitrysek/galerie/ mám nastaveno v css, aby se mi zobrazovaly na jednom řádku vždy čtyři obrázky, problém je však v tom, že v IE se mi zobrazí pouze tři a čtvrtý je už na druhém řádku, avšak i toto se v ie děje jen na některých monitorech a to menších, s menším rozlišením (v opeře i na těchto monitorech je to v pořádku), nechápu však proč...? Ten styl by sám měl určovat rozhození obrázků.. Nevíte tedy někdo prosím, čím by to mohlo být? CSS stránky připojuji sem:


body {

font-size: ;
font-family: Verdana;
text-align: ;
background-color: #969696;
background-image: url(pozadi.gif);
bacground-position: top;
background-repeat: repeat-x;
margin: 0;
padding: 0;
}

#logo2 {
background-image: url(logo2.gif);
bacground-position: top;
background-repeat: no-repeat;
border: none;
margin: 0px;
padding: 0px;
height: 156px;
width: 484px;
}

#ramecek {
width: 100%;
}
#ramecek div {
width: 25%;
text-align:center;
float: left;
}
img {
border: 3px solid #444444;
margin: 0 auto;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #fefefe;
text-decoration: none;
}
a:hover img {
border: 3px solid #ff8c11;
}

.odsazenej {margin-bottom: 10px;}

.style1 {
font-size: 10pt;
font-weight: bold;
color: #333333;
}

.style2 {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}

.style3 {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-weight: normal;
}

.style4 {
font-size: 10px;
font-weight: bold;
color: 444444#;
}

fieldset {
padding: 1px;
padding-left: 10px;
border: 1px solid #FEFEFE;
}

.pata {
position: absolute;
bottom: 0px;
left: 47%;
}
venca163
Profil
fanky
asi se to nevejde vedle sebe kvůli tomu posuvníku v IE, zruš ho
fanky
Profil
venca163 prosím, to se dá udělat jak?
venca163
Profil
fanky
nastav body overflow: hidden;
doporučená literatura:
http://www.jakpsatweb.cz/css/overflow.html a další...
fanky
Profil
co dělám špatně?

body {

font-size: ;
font-family: Verdana;
text-align: ;
background-color: #969696;
background-image: url(pozadi.gif);
bacground-position: top;
background-repeat: repeat-x;
margin: 0;
padding: 0;
overflow: hidden;
}
Railbot
Profil
fanky
Nejdřív si v tom udělej pořádek. Doplň font-size a text-align.
fanky
Profil
Railbot
to jsem samozřejmě pak doplnil, ale pořád se ten posuvník zobrazuje a následně obrázek skočí na další řádek
Railbot
Profil
fanky
Ty DIVy, ve kterých jsou ty obrázky, jsou příliš široké. Proto se v IE čtvrtý z nich zalamuje na další řádek. Dej jim menší šířku než nynějších 25%. Ostatní prohlížeče to teď zobrazují správně, protože nechají box přetékat kamsi mimo obrazovku.
Toto téma je uzamčeno. Odpověď nelze zaslat.